.
This commit is contained in:
@@ -4,13 +4,12 @@
|
||||
:img="goodsData.picUrl"
|
||||
:price="goodsData.price"
|
||||
:skuText="goodsData.introduction"
|
||||
priceColor="#FF3000"
|
||||
priceColor="#9251EB"
|
||||
:titleWidth="400"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
const props = defineProps({
|
||||
goodsData: {
|
||||
type: Object,
|
||||
@@ -18,4 +17,3 @@
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
@@ -153,7 +153,7 @@
|
||||
.commission-num {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
|
||||
.share-btn {
|
||||
|
||||
@@ -310,7 +310,7 @@
|
||||
.commission-num {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-family: OPPOSANS;
|
||||
|
||||
&::before {
|
||||
|
||||
@@ -97,7 +97,7 @@
|
||||
|
||||
.md-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
+9
-13
@@ -34,7 +34,7 @@
|
||||
state.settlementSku && state.settlementSku.id && state.settlementSku.promotionPrice
|
||||
"
|
||||
>
|
||||
<image class="disImg" :src="sheep.$url.static('/static/img/shop/goods/dis.png')" />
|
||||
<image class="disImg" src="https://puton.huimeimeta.com/imgs/dis.png" />
|
||||
<view class="discountCont">
|
||||
<view class="disContT">
|
||||
<view class="disContT1">
|
||||
@@ -177,16 +177,10 @@
|
||||
<!-- 详情 tabbar -->
|
||||
<detail-tabbar v-model="state.goodsInfo">
|
||||
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-if="state.goodsInfo.stock > 0">
|
||||
<button
|
||||
class="ss-reset-button add-btn ui-Shadow-Main"
|
||||
@tap="state.showSelectSku = true"
|
||||
>
|
||||
<button class="ss-reset-button add-btn" @tap="state.showSelectSku = true">
|
||||
加入购物车
|
||||
</button>
|
||||
<button
|
||||
class="ss-reset-button buy-btn ui-Shadow-Main"
|
||||
@tap="state.showSelectSku = true"
|
||||
>
|
||||
<button class="ss-reset-button buy-btn" @tap="state.showSelectSku = true">
|
||||
立即购买
|
||||
</button>
|
||||
</view>
|
||||
@@ -529,8 +523,9 @@
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
border-radius: 40rpx 0 0 40rpx;
|
||||
background-color: var(--ui-BG-Main-light);
|
||||
color: var(--ui-BG-Main);
|
||||
background-color: #fff;
|
||||
color: $purple;
|
||||
border: 1px solid $purple;
|
||||
}
|
||||
|
||||
.buy-btn {
|
||||
@@ -540,8 +535,9 @@
|
||||
font-size: 28rpx;
|
||||
|
||||
border-radius: 0 40rpx 40rpx 0;
|
||||
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
||||
background: $purple;
|
||||
color: $white;
|
||||
border: 1px solid $purple;
|
||||
}
|
||||
|
||||
.disabled-btn {
|
||||
@@ -640,7 +636,7 @@
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
background-color: white;
|
||||
color: #ff3000;
|
||||
color: $purple;
|
||||
font-size: 23rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-left: 10rpx;
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
"
|
||||
:title="item.spu.name"
|
||||
:titleWidth="400"
|
||||
priceColor="#FF3000"
|
||||
priceColor="#9251EB"
|
||||
>
|
||||
<template v-if="!state.editMode" v-slot:tool>
|
||||
<su-number-box
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
}
|
||||
|
||||
.goods-price {
|
||||
color: $red;
|
||||
color: $purple;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
<su-tabs
|
||||
:list="categoryState.categoryList"
|
||||
:current="categoryState.curCategoryTab"
|
||||
lineColor="#9251EB "
|
||||
@change="onCategoryTabsChange"
|
||||
/>
|
||||
</view>
|
||||
|
||||
@@ -154,7 +154,7 @@
|
||||
background: #fff;
|
||||
|
||||
&.curStep {
|
||||
background: #9251eb;
|
||||
background: $purple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -138,7 +138,7 @@
|
||||
|
||||
<style scoped lang="scss">
|
||||
.allAddress .font-color {
|
||||
color: #e93323 !important;
|
||||
color: $purple !important;
|
||||
}
|
||||
.line2 {
|
||||
width: 504rpx;
|
||||
@@ -197,7 +197,7 @@
|
||||
|
||||
.allAddress {
|
||||
width: 100%;
|
||||
background: linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
|
||||
background: linear-gradient(to bottom, $purple 0%, #f5f5f5 100%);
|
||||
// background-image: linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
|
||||
// background-image: -webkit-linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
|
||||
// background-image: -moz-linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
|
||||
@@ -257,7 +257,7 @@
|
||||
width: 401rpx;
|
||||
border-width: 0 0 60rpx 60rpx;
|
||||
border-style: none solid solid;
|
||||
border-color: transparent transparent #f7c1bd;
|
||||
border-color: transparent transparent #d6bbfb;
|
||||
border-radius: 36rpx 14rpx 0 0;
|
||||
text-align: center;
|
||||
line-height: 60rpx;
|
||||
|
||||
@@ -132,14 +132,14 @@
|
||||
>
|
||||
<view class="item-title">优惠券</view>
|
||||
<view class="ss-flex ss-col-center" @tap="state.showCoupon = true">
|
||||
<text class="item-value text-red" v-if="state.orderPayload.couponId > 0">
|
||||
<text class="item-value text-purple" v-if="state.orderPayload.couponId > 0">
|
||||
-¥{{ fen2yuan(state.orderInfo.price.couponPrice) }}
|
||||
</text>
|
||||
<text
|
||||
class="item-value"
|
||||
:class="
|
||||
state.couponInfo.filter((coupon) => coupon.match).length > 0
|
||||
? 'text-red'
|
||||
? 'text-purple'
|
||||
: 'text-disabled'
|
||||
"
|
||||
v-else
|
||||
@@ -159,7 +159,7 @@
|
||||
>
|
||||
<view class="item-title">活动优惠</view>
|
||||
<view class="ss-flex ss-col-center" @tap="state.showDiscount = true">
|
||||
<text class="item-value text-red">
|
||||
<text class="item-value text-purple">
|
||||
-¥{{ fen2yuan(state.orderInfo.price.discountPrice) }}
|
||||
</text>
|
||||
<text class="_icon-forward item-icon" />
|
||||
@@ -171,7 +171,7 @@
|
||||
>
|
||||
<view class="item-title">会员优惠</view>
|
||||
<view class="ss-flex ss-col-center">
|
||||
<text class="item-value text-red">
|
||||
<text class="item-value text-purple">
|
||||
-¥{{ fen2yuan(state.orderInfo.price.vipPrice) }}
|
||||
</text>
|
||||
</view>
|
||||
@@ -182,7 +182,7 @@
|
||||
共{{ state.orderInfo.items.reduce((acc, item) => acc + item.count, 0) }}件
|
||||
</view>
|
||||
<view>合计:</view>
|
||||
<view class="total-num text-red"> ¥{{ fen2yuan(state.orderInfo.price.payPrice) }}</view>
|
||||
<view class="total-num text-purple"> ¥{{ fen2yuan(state.orderInfo.price.payPrice) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -205,7 +205,7 @@
|
||||
<su-fixed bottom :opacity="false" bg="bg-white" placeholder :noFixed="false" :index="200">
|
||||
<view class="footer-box border-top ss-flex ss-row-between ss-p-x-20 ss-col-center">
|
||||
<view class="total-box-footer ss-flex ss-col-center">
|
||||
<view class="total-num ss-font-30 text-red">
|
||||
<view class="total-num ss-font-30 text-purple">
|
||||
¥{{ fen2yuan(state.orderInfo.price.payPrice) }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -635,7 +635,7 @@
|
||||
font-size: 26rpx;
|
||||
font-family: OPPOSANS;
|
||||
line-height: normal;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+1
-1
@@ -227,7 +227,7 @@
|
||||
padding: 60rpx 20rpx 40rpx;
|
||||
|
||||
.money-text {
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-size: 46rpx;
|
||||
font-weight: bold;
|
||||
font-family: OPPOSANS;
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
:title="item.spuName"
|
||||
:img="item.picUrl"
|
||||
:price="item.price"
|
||||
priceColor="#FF3000"
|
||||
priceColor="#9251EB"
|
||||
:titleWidth="400"
|
||||
@tap="
|
||||
sheep.$router.go('/pages/goods/index', {
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
:img="item.picUrl"
|
||||
:price="item.price"
|
||||
:skuText="item.introduction"
|
||||
priceColor="#FF3000"
|
||||
priceColor="#9251EB"
|
||||
:titleWidth="400"
|
||||
@tap="
|
||||
sheep.$router.go('/pages/goods/index', {
|
||||
@@ -301,7 +301,7 @@
|
||||
}
|
||||
|
||||
.price-text {
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-family: OPPOSANS;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -258,14 +258,14 @@
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 48rpx;
|
||||
background-color: #e83323;
|
||||
background-color: $purple;
|
||||
margin-bottom: 22rpx;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.store-distance {
|
||||
font-size: 22rpx;
|
||||
color: #e83323;
|
||||
color: $purple;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
|
||||
Reference in New Issue
Block a user