修改购物车图标样式

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

View File

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

View File

@ -34,7 +34,7 @@
<!-- 购物车按钮 -->
<view class="shop_car" @click="shopCar">
<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>
</template>

View File

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

View File

@ -100,7 +100,7 @@
<!-- 购物车按钮 -->
<view class="shop_car" @click="shopCar">
<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>
</template>

View File

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

View File

@ -210,7 +210,7 @@
<view class="shop_car" @click="shopCar">
<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> -->
</view>
</view>