修改布局

This commit is contained in:
whitechiina 2026-07-17 10:36:28 +08:00
parent 86beddf2fa
commit 55c67d08e8
16 changed files with 1781 additions and 1770 deletions

View File

@ -685,7 +685,7 @@
&-right {
width: 225rpx;
height: 77rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
box-shadow: 0 6rpx 8rpx 0 rgba(74, 111, 231, 0.2300);
border-radius: 48rpx;
text-align: center;

View File

@ -386,7 +386,7 @@
padding: 15rpx 32rpx;
}
.confirmButton{
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
border-radius: 43px;
color: #ffffff;
font-size: 30rpx;

View File

@ -195,7 +195,7 @@
height: 60rpx;
color: #ffffff;
font-size: 28rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
border-radius: 30rpx;
text-align: center;
line-height: 60rpx;

View File

@ -329,7 +329,7 @@
&-right {
width: 254rpx;
height: 86rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
box-shadow: 0 6rpx 8rpx 0 rgba(74, 111, 231, 0.2300);
border-radius: 43rpx;
text-align: center;

View File

@ -96,7 +96,7 @@
}
if (this['BrandInfor']['brand_id'] == 13) {
return {
'background': '#0122A4'
'background': 'linear-gradient(-77deg, #4A6FE7, #83ACFF)'
};
}
}

View File

@ -233,7 +233,7 @@
// .btn {
// width: 470rpx;
// height: 86rpx;
// background: #0122A4;
// background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
// border-radius: 43rpx;
// font-size: 30rpx;
// color: #ffffff;

View File

@ -607,7 +607,7 @@
&-right {
width: 225rpx;
height: 77rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
box-shadow: 0 6rpx 8rpx 0 rgba(74, 111, 231, 0.2300);
border-radius: 48rpx;
text-align: center;

View File

@ -386,7 +386,7 @@
padding: 15rpx 32rpx;
}
.confirmButton{
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
border-radius: 43px;
color: #ffffff;
font-size: 30rpx;

View File

@ -96,7 +96,7 @@
}
if (this['BrandInfor']['brand_id'] == 13) {
return {
'background': '#0122A4'
'background': 'linear-gradient(-77deg, #4A6FE7, #83ACFF)'
};
}
}

View File

@ -233,7 +233,7 @@
// .btn {
// width: 470rpx;
// height: 86rpx;
// background: #0122A4;
// background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
// border-radius: 43rpx;
// font-size: 30rpx;
// color: #ffffff;

View File

@ -503,7 +503,7 @@
height: 60rpx;
color: #ffffff;
font-size: 28rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
border-radius: 30rpx;
text-align: center;
line-height: 60rpx;

View File

@ -1198,7 +1198,7 @@
}
.confirmButton {
// background: #0122A4;
// background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
border-radius: 43px;
color: #ffffff;
font-size: 30rpx;

View File

@ -48,7 +48,7 @@
&-right {
width: 225rpx;
height: 77rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
box-shadow: 0 6rpx 8rpx 0 rgba(74, 111, 231, 0.2300);
border-radius: 48rpx;
text-align: center;

View File

@ -6,32 +6,37 @@
<!-- 麦当劳/肯德基 -->
<view class="shop_home-commodity-infor" v-if="BrandInfor['brand_id'] == 1 || BrandInfor['brand_id'] == 5">
<view>
<!-- 商品标题 -->
<view class="shop_home-commodity-infor-title shop_home-commodity-infor-bottom">
{{item['product_name']}}
</view>
<!-- 补贴金额 -->
<!-- <view class="shop_home-commodity-infor-discount shop_home-commodity-infor-bottom">
最高补贴{{RetainDecimalPoint(item['max_deduction'])}}
</view> -->
<!-- 价格 -->
<view class="shop_home-commodity-infor-price shop_home-commodity-infor-bottom">
<text class="yang">原价:</text>
<text class="price">{{item['product_price']}}</text>
<!-- <text class="price">{{RetainDecimalPoint(item['pay_price'])}}</text> -->
</view>
<view class="flex">
<!-- 优惠补贴后的价格 -->
<view class="shop_home-commodity-infor-price shop_home-commodity-infor-bottom">
<text class="yang">补贴后价格:</text>
<text class="price">{{item['bt_price']}}</text>
<text class="price">¥{{item['bt_price']}}</text>
<!-- <text class="price">{{RetainDecimalPoint(item['pay_price'] - item['max_deduction'])}}</text> -->
</view>
<!-- 价格 -->
<view class="shop_home-commodity-infor-price shop_home-commodity-infor-bottom huaxian">
<text class="price">{{item['product_price']}}</text>
<!-- <text class="price">{{RetainDecimalPoint(item['pay_price'])}}</text> -->
</view>
</view>
<!-- 消费补贴卡 -->
<view class="shop_home-commodity-infor-price shop_home-commodity-infor-bottom" v-if="item['subsidy_card_price']">
<text class="yang">消费补贴:</text>
<text class="price">{{item['subsidy_card_price']}}</text>
</view>
<!-- 积分 -->
<view v-else>
<view class="shop_home-commodity-infor-price shop_home-commodity-infor-bottom" v-if="!isWx">
<text class="yang">预估积分:</text>
<!-- <text class="price">{{RetainDecimalPoint(item['pay_price'] - item['max_deduction'])}}</text> -->
<text class="price">{{item['integral']}}</text>
</view>
</view>
</view>
<!-- 该商品为套餐商品并且套餐中有可选商品则显示为选规格 -->
<view class="shop_home-commodity-infor-cart-sku" v-if="ISSpecifications" @tap="$u.debounce(Addcommodity, 800,true)">
<view class="shop_home-commodity-infor-cart-sku-btn" :style="Brand()['customStyle']['BtnStyle'][0]">
@ -57,6 +62,7 @@
<!-- 星巴克/瑞幸 -->
<view class="shop_home-commodity-infor" v-if="BrandInfor['brand_id'] == 10 || BrandInfor['brand_id'] == 13">
<!-- 商品标题 -->
<view>
<view class="shop_home-commodity-infor-title shop_home-commodity-infor-bottom">
{{item['product_name']}}
</view>
@ -72,8 +78,8 @@
</view>
<!-- 消费补贴卡 -->
<view class="shop_home-commodity-infor-price shop_home-commodity-infor-bottom" v-if="item['subsidy_card_price']">
<text class="yang">消费补贴:</text>
<text class="price">{{item['subsidy_card_price']}}</text>
<text class="yang">消费补贴:</text>
<text class="price">{{item['subsidy_card_price']}}</text>
</view>
<!-- 积分 -->
<view v-else>
@ -83,6 +89,7 @@
<text class="price">{{item['integral']}}</text>
</view>
</view>
</view>
<!-- 选规格 -->
<view class="shop_home-commodity-infor-cart-sku" @tap="$u.debounce(Addcommodity, 800,true)">
<view class="shop_home-commodity-infor-cart-sku-btn" :style="Brand()['customStyle']['BtnStyle'][0]">
@ -366,7 +373,6 @@
flex-direction: column;
justify-content: space-between;
&-bottom {
// margin-bottom: 12rpx;
}
.huaxian {
@ -382,6 +388,11 @@
font-size: $FONTSIZE30;
color: $THEMECOLOR4;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
&-discount {

View File

@ -702,7 +702,7 @@
height: 60rpx;
color: #ffffff;
font-size: 28rpx;
background: #0122A4;
background: linear-gradient(-77deg, #4A6FE7, #83ACFF);
border-radius: 30rpx;
text-align: center;
line-height: 60rpx;

View File

@ -620,7 +620,7 @@ const config = {
// 自定义普通按钮样式
BtnStyle: [{
color: '#FFFFFF',
background: '#0122A4',
background: 'linear-gradient(-77deg, #4A6FE7, #83ACFF)',
}],
// 订单图标,订单详情中展示的(仅支持星巴克/瑞星类似样式)
OrderStatus: {
@ -772,7 +772,7 @@ const config = {
// 自定义普通按钮样式
BtnStyle: [{
color: '#FFFFFF',
background: '#0122A4',
background: 'linear-gradient(-77deg, #4A6FE7, #83ACFF)',
}],
// 订单图标,订单详情中展示的(仅支持星巴克/瑞星类似样式)
OrderStatus: {