.
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 {
|
||||
|
||||
@@ -813,7 +813,7 @@
|
||||
|
||||
.xs-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -843,7 +843,7 @@
|
||||
|
||||
.sm-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -928,7 +928,7 @@
|
||||
|
||||
.lg-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
@@ -984,7 +984,7 @@
|
||||
|
||||
.sl-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
|
||||
@@ -807,7 +807,7 @@
|
||||
|
||||
.xs-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -837,7 +837,7 @@
|
||||
|
||||
.sm-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -868,7 +868,7 @@
|
||||
|
||||
.md-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
@@ -921,7 +921,7 @@
|
||||
|
||||
.lg-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
@@ -977,7 +977,7 @@
|
||||
|
||||
.sl-goods-price {
|
||||
font-size: 30rpx;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
|
||||
|
||||
@@ -36,37 +36,37 @@
|
||||
const list = [
|
||||
{
|
||||
url: '/pages/index/index',
|
||||
icon: '/static/img/shop/tools/home.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-home.png',
|
||||
title: '首页',
|
||||
},
|
||||
{
|
||||
url: '/pages/index/search',
|
||||
icon: '/static/img/shop/tools/search.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-search.png',
|
||||
title: '搜索',
|
||||
},
|
||||
{
|
||||
url: '/pages/index/user',
|
||||
icon: '/static/img/shop/tools/user.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-user.png',
|
||||
title: '个人中心',
|
||||
},
|
||||
{
|
||||
url: '/pages/index/cart',
|
||||
icon: '/static/img/shop/tools/cart.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-cart.png',
|
||||
title: '购物车',
|
||||
},
|
||||
{
|
||||
url: '/pages/user/goods-log',
|
||||
icon: '/static/img/shop/tools/browse.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-browse.png',
|
||||
title: '浏览记录',
|
||||
},
|
||||
{
|
||||
url: '/pages/user/goods-collect',
|
||||
icon: '/static/img/shop/tools/collect.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-collect.png',
|
||||
title: '我的收藏',
|
||||
},
|
||||
{
|
||||
url: '/pages/chat/index',
|
||||
icon: '/static/img/shop/tools/service.png',
|
||||
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-chat.png',
|
||||
title: '客服',
|
||||
},
|
||||
];
|
||||
|
||||
@@ -444,7 +444,7 @@
|
||||
.price-text {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-family: OPPOSANS;
|
||||
|
||||
&::before {
|
||||
|
||||
@@ -369,7 +369,7 @@
|
||||
.price-text {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-family: OPPOSANS;
|
||||
}
|
||||
|
||||
|
||||
@@ -317,16 +317,18 @@
|
||||
width: 356rpx;
|
||||
height: 80rpx;
|
||||
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 {
|
||||
width: 356rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 0 40rpx 40rpx 0;
|
||||
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
||||
color: #fff;
|
||||
background: $purple;
|
||||
color: $white;
|
||||
border: 1px solid $purple;
|
||||
}
|
||||
|
||||
.score-btn {
|
||||
@@ -380,21 +382,21 @@
|
||||
.score-text {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-family: OPPOSANS;
|
||||
}
|
||||
|
||||
.price-text {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
font-family: OPPOSANS;
|
||||
|
||||
&::before {
|
||||
content: '¥';
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: $red;
|
||||
color: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -445,7 +447,7 @@
|
||||
height: fit-content;
|
||||
padding: 2rpx 10rpx;
|
||||
background-color: rgb(255, 242, 241);
|
||||
color: #ff2621;
|
||||
color: $purple;
|
||||
font-size: 24rpx;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
@@ -7,7 +7,7 @@ $gold: #fbbd08; // 明黄
|
||||
$green: #8dc63f; // 橄榄绿
|
||||
$cyan: #1cbbb4; // 天青
|
||||
$blue: #0081ff; // 海蓝
|
||||
$purple: #6739b6; // 姹紫
|
||||
$purple: #9251EB; // 姹紫
|
||||
$brightRed: #e54d42; // 嫣红
|
||||
$forestGreen: #39b54a; // 森绿
|
||||
$mauve: #9c26b0; // 木槿
|
||||
|
||||
+6
-5
@@ -12,11 +12,12 @@ const sys = defineStore({
|
||||
getters: {},
|
||||
actions: {
|
||||
setTheme(theme = '') {
|
||||
if (theme === '') {
|
||||
this.theme = app().template?.basic.theme || 'orange';
|
||||
} else {
|
||||
this.theme = theme;
|
||||
}
|
||||
// if (theme === '') {
|
||||
// this.theme = app().template?.basic.theme || 'orange';
|
||||
// } else {
|
||||
// this.theme = theme;
|
||||
// }
|
||||
this.theme = 'purple'
|
||||
},
|
||||
},
|
||||
persist: {
|
||||
|
||||
Reference in New Issue
Block a user