maguodong/uniapp-ZHSQ
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改购物车图标样式

Browse Source
This commit is contained in:
赵毅 2025-11-18 16:49:03 +08:00
parent 29a85527ef
commit 79292aa1f3
6 changed files with 45 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/advertising/index/index.css
View File

@ -185,23 +185,29 @@
/* 购物车按钮 */ /* 购物车按钮 */
.shop_car { .shop_car {
width: 100rpx; width: 80rpx;
height: 100rpx; height: 80rpx;
position: absolute; position: absolute;
bottom: 100rpx; bottom: 150rpx;
right: 10rpx; right: 30rpx;
z-index: 10; z-index: 10;
border-radius: 50%;
background-color: #ffffff;
padding: 10rpx;
display: flex;
align-items: center;
justify-content: center;
} }
.shop_car image { .shop_car image {
width: 100%; width: 60rpx;
height: 100%; height: 60rpx;
} }
.u-badge { .u-badge {
position: absolute; position: absolute;
right: 10rpx; right: 0rpx;
top: 3rpx; top: -6rpx;
z-index: 11; z-index: 11;
} }

2
packages/advertising/index/index.vue
View File

@ -34,7 +34,7 @@
<!-- 购物车按钮 --> <!-- 购物车按钮 -->
<view class="shop_car" @click="shopCar"> <view class="shop_car" @click="shopCar">
<u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge> <u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_num.png"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1564.png"></image>
</view> </view>
</view> </view>
</template> </template>

22
packages/shop/groupPurchase/index.css
View File

@ -206,23 +206,29 @@
/* 购物车按钮 */ /* 购物车按钮 */
.shop_car { .shop_car {
width: 100rpx; width: 80rpx;
height: 100rpx; height: 80rpx;
position: absolute; position: absolute;
bottom: 100rpx; bottom: 150rpx;
right: 10rpx; right: 30rpx;
z-index: 10; z-index: 10;
border-radius: 50%;
background-color: #ffffff;
padding: 10rpx;
display: flex;
align-items: center;
justify-content: center;
} }
.shop_car image { .shop_car image {
width: 100%; width: 60rpx;
height: 100%; height: 60rpx;
} }
.u-badge { .u-badge {
position: absolute; position: absolute;
right: 10rpx; right: 0rpx;
top: 3rpx; top: -6rpx;
z-index: 11; z-index: 11;
} }

2
packages/shop/groupPurchase/index.vue
View File

@ -100,7 +100,7 @@
<!-- 购物车按钮 --> <!-- 购物车按钮 -->
<view class="shop_car" @click="shopCar"> <view class="shop_car" @click="shopCar">
<u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge> <u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_num.png"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1564.png"></image>
</view> </view>
</view> </view>
</template> </template>

22
packages/shop/index/index.css
View File

@ -577,23 +577,29 @@ page {
} }
.shop_car { .shop_car {
width: 100rpx; width: 80rpx;
height: 100rpx; height: 80rpx;
position: absolute; position: absolute;
bottom: 100rpx; bottom: 150rpx;
right: 10rpx; right: 30rpx;
z-index: 10; z-index: 10;
border-radius: 50%;
background-color: #ffffff;
padding: 10rpx;
display: flex;
align-items: center;
justify-content: center;
} }
.shop_car image { .shop_car image {
width: 100%; width: 60rpx;
height: 100%; height: 60rpx;
} }
.u-badge { .u-badge {
position: absolute; position: absolute;
right: 10rpx; right: 0rpx;
top: 3rpx; top: -6rpx;
z-index: 11; z-index: 11;
} }

2
packages/shop/index/index.vue
View File

@ -210,7 +210,7 @@
<view class="shop_car" @click="shopCar"> <view class="shop_car" @click="shopCar">
<u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge> <u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge>
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_num.png"></image> <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/page_user_Group_1564.png"></image>
<!-- <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_empty.png"></image> --> <!-- <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_empty.png"></image> -->
</view> </view>
</view> </view>