bingyi/shopxo-uniapp
1
0
Fork 0
mirror of https://gitee.com/zongzhige/shopxo-uniapp.git synced 2026-06-05 18:25:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

底部菜单购物车数量优化

Browse Source
This commit is contained in:
gongfuxiang
2024-10-08 23:06:39 +08:00
parent baeeca4c6c
commit 7df0db6e32
4 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/badge/badge.vue
View File

@ -45,7 +45,7 @@
background-color: #FF3B30;
border-radius: 40rpx;
color: #fff;
font-size: 10px;
font-size: 20rpx;
padding: 2rpx 2rpx;
box-shadow: 0 0 10rpx rgb(0 0 0 / 30%);
}

6
components/diy/footer.vue
View File

@ -15,7 +15,7 @@
</view>
</view>
<text v-if="nav_style != 1" class="animate-linear text-size-xs pr z-i" :style="active_index == index ? text_color_checked : default_text_color">{{ item.name }}</text>
<view v-if="(item.badge || null) != null" class="pa top-0-xxl right-xxxxl">
<view v-if="(item.badge || null) != null" class="pa badge-icon">
<component-badge :propNumber="item.badge"></component-badge>
</view>
</view>
@ -188,6 +188,10 @@
}
}
}
.badge-icon {
margin-top: -76rpx;
margin-right: -76rpx;
}
}
}
</style>

4
pages/goods-category/goods-category.css
View File

@ -275,6 +275,10 @@
box-shadow: 0rpx 4rpx 8rpx 0px rgba(0, 0, 0, 0.16);
line-height: 84rpx;
height: 84rpx;
}
.botton-nav .btn {
height: 70rpx;
line-height: 70rpx;
}
.botton-nav .cart .badge-icon {
top: -20rpx;

2
pages/goods-category/goods-category.vue
View File

@ -342,7 +342,7 @@
<text class="text-size-lg">{{ (cart || null) == null ? 0 : cart.total_price || 0 }}</text>
</view>
</view>
<button type="default" size="mini" hover-class="none" class="bg-main cr-white text-size-md round margin-right-xs" @tap="buy_submit_event">{{ $t('goods-category.goods-category.44f1ww') }}</button>
<button type="default" size="mini" hover-class="none" class="btn bg-main cr-white text-size-md round margin-right-xs" @tap="buy_submit_event">{{ $t('goods-category.goods-category.44f1ww') }}</button>
</view>
</block>
</view>