fixed 修改购物车主题色
This commit is contained in:
parent
11f66a9f60
commit
2181e41643
@ -1,6 +1,6 @@
|
|||||||
<view class="cart-bar__placeholder" wx:if="{{fixed}}" />
|
<view class="cart-bar__placeholder" wx:if="{{fixed}}" />
|
||||||
<view class="cart-bar {{fixed ? 'cart-bar--fixed' : ''}} flex flex-v-center" style="bottom: {{fixed ? 'calc(' + bottomHeight + 'rpx + env(safe-area-inset-bottom))' : ''}};">
|
<view class="cart-bar {{fixed ? 'cart-bar--fixed' : ''}} flex flex-v-center" style="bottom: {{fixed ? 'calc(' + bottomHeight + 'rpx + env(safe-area-inset-bottom))' : ''}};">
|
||||||
<t-icon size="40rpx" color="{{isAllSelected ? '#FA4126' : '#BBBBBB'}}" name="{{isAllSelected ? 'check-circle-filled' : 'circle'}}" class="cart-bar__check" catchtap="handleSelectAll" />
|
<t-icon size="40rpx" color="{{isAllSelected ? '#1989fa' : '#BBBBBB'}}" name="{{isAllSelected ? 'check-circle-filled' : 'circle'}}" class="cart-bar__check" catchtap="handleSelectAll" />
|
||||||
<text>全选</text>
|
<text>全选</text>
|
||||||
<view class="cart-bar__total flex1">
|
<view class="cart-bar__total flex1">
|
||||||
<view>
|
<view>
|
||||||
|
@ -2,17 +2,17 @@
|
|||||||
<wxs src="./utils.wxs" module="utils" />
|
<wxs src="./utils.wxs" module="utils" />
|
||||||
|
|
||||||
<view class="cart-group">
|
<view class="cart-group">
|
||||||
<view class="goods-wrap" wx:for="{{_storeGoods}}" wx:for-item="store" wx:for-index="si" wx:key="storeId" data-store-index="{{si}}" bindtap="gotoShop">
|
<view class="goods-wrap" wx:for="{{_storeGoods}}" wx:for-item="store" wx:for-index="si" wx:key="storeId" data-store-index="{{si}}" >
|
||||||
<view class="cart-store" >
|
<view class="cart-store" >
|
||||||
<t-icon
|
<t-icon
|
||||||
size="40rpx"
|
size="40rpx"
|
||||||
color="{{store.isSelected ? '#FA4126' : '#BBBBBB'}}"
|
color="{{store.isSelected ? '#1989fa' : '#BBBBBB'}}"
|
||||||
name="{{store.isSelected ? 'check-circle-filled' : 'circle'}}"
|
name="{{store.isSelected ? 'check-circle-filled' : 'circle'}}"
|
||||||
class="cart-store__check"
|
class="cart-store__check"
|
||||||
bindtap="selectStore"
|
bindtap="selectStore"
|
||||||
data-store-index="{{si}}"
|
data-store-index="{{si}}"
|
||||||
/>
|
/>
|
||||||
<view class="cart-store__content">
|
<view class="cart-store__content" bindtap="gotoShop">
|
||||||
<view class="store-title">
|
<view class="store-title">
|
||||||
<t-icon prefix="wr" size="40rpx" color="#333333" name="store" />
|
<t-icon prefix="wr" size="40rpx" color="#333333" name="store" />
|
||||||
<view class="store-name">{{store.storeName}}</view>
|
<view class="store-name">{{store.storeName}}</view>
|
||||||
@ -49,7 +49,7 @@
|
|||||||
<view class="check-wrap" catchtap="selectGoods" data-goods="{{goods}}">
|
<view class="check-wrap" catchtap="selectGoods" data-goods="{{goods}}">
|
||||||
<t-icon
|
<t-icon
|
||||||
size="40rpx"
|
size="40rpx"
|
||||||
color="{{goods.isSelected ? '#FA4126' : '#BBBBBB'}}"
|
color="{{goods.isSelected ? '#1989fa' : '#BBBBBB'}}"
|
||||||
name="{{goods.isSelected ? 'check-circle-filled' : 'circle'}}"
|
name="{{goods.isSelected ? 'check-circle-filled' : 'circle'}}"
|
||||||
class="check"
|
class="check"
|
||||||
/>
|
/>
|
||||||
|
@ -56,7 +56,7 @@
|
|||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #fa4126;
|
color: #1989fa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cart-group .promotion-wrap {
|
.cart-group .promotion-wrap {
|
||||||
@ -83,7 +83,7 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 8rpx;
|
padding: 0 8rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #fa4126;
|
background: #1989fa;
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
height: 32rpx;
|
height: 32rpx;
|
||||||
line-height: 32rpx;
|
line-height: 32rpx;
|
||||||
@ -197,7 +197,7 @@
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.invalid-goods-wrap .invalid-head .invalid-clear {
|
.invalid-goods-wrap .invalid-head .invalid-clear {
|
||||||
color: #fa4126;
|
color: #1989fa;
|
||||||
}
|
}
|
||||||
.invalid-goods-wrap .toggle {
|
.invalid-goods-wrap .toggle {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -205,7 +205,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #fa4126;
|
color: #1989fa;
|
||||||
}
|
}
|
||||||
.invalid-goods-wrap .toggle .m-r-6 {
|
.invalid-goods-wrap .toggle .m-r-6 {
|
||||||
margin-right: 6rpx;
|
margin-right: 6rpx;
|
||||||
@ -216,7 +216,7 @@
|
|||||||
height: 0;
|
height: 0;
|
||||||
border-left: 10rpx solid transparent;
|
border-left: 10rpx solid transparent;
|
||||||
border-right: 10rpx solid transparent;
|
border-right: 10rpx solid transparent;
|
||||||
border-bottom: 10rpx solid #fa4126;
|
border-bottom: 10rpx solid #1989fa;
|
||||||
}
|
}
|
||||||
.invalid-goods-wrap .toggle .down-icon {
|
.invalid-goods-wrap .toggle .down-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -224,7 +224,7 @@
|
|||||||
height: 0;
|
height: 0;
|
||||||
border-left: 10rpx solid transparent;
|
border-left: 10rpx solid transparent;
|
||||||
border-right: 10rpx solid transparent;
|
border-right: 10rpx solid transparent;
|
||||||
border-top: 10rpx solid #fa4126;
|
border-top: 10rpx solid #1989fa;
|
||||||
}
|
}
|
||||||
.action-btn {
|
.action-btn {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -241,7 +241,7 @@
|
|||||||
.swiper-right-del {
|
.swiper-right-del {
|
||||||
height: calc(100% - 40rpx);
|
height: calc(100% - 40rpx);
|
||||||
width: 144rpx;
|
width: 144rpx;
|
||||||
background-color: #fa4126;
|
background-color: #1989fa;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: white;
|
color: white;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -79,7 +79,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bar-separately {
|
.bar-separately {
|
||||||
background: #faf4f4;
|
background: #f8f8f8;
|
||||||
color: #1989fa;
|
color: #1989fa;
|
||||||
border-radius: 40rpx 0 0 40rpx;
|
border-radius: 40rpx 0 0 40rpx;
|
||||||
}
|
}
|
||||||
|
@ -53,7 +53,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.t-side-bar{
|
.t-side-bar{
|
||||||
--td-side-bar-bg-color: #1989fa;
|
|
||||||
--td-side-bar-active-color: #1989fa;
|
--td-side-bar-active-color: #1989fa;
|
||||||
--td-side-bar-disabled-color: #1989fa;
|
--td-side-bar-disabled-color: #1989fa;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user