fixed 修改购物车主题色

This commit is contained in:
lwh 2023-09-01 13:15:23 +08:00
parent 11f66a9f60
commit 2181e41643
5 changed files with 13 additions and 14 deletions

View File

@ -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>

View File

@ -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"
/> />

View File

@ -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;

View File

@ -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;
} }

View File

@ -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;
} }