修改购物车图标样式
This commit is contained in:
parent
29a85527ef
commit
79292aa1f3
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user