.
This commit is contained in:
@@ -4,13 +4,12 @@
|
|||||||
:img="goodsData.picUrl"
|
:img="goodsData.picUrl"
|
||||||
:price="goodsData.price"
|
:price="goodsData.price"
|
||||||
:skuText="goodsData.introduction"
|
:skuText="goodsData.introduction"
|
||||||
priceColor="#FF3000"
|
priceColor="#9251EB"
|
||||||
:titleWidth="400"
|
:titleWidth="400"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
goodsData: {
|
goodsData: {
|
||||||
type: Object,
|
type: Object,
|
||||||
@@ -18,4 +17,3 @@
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -153,7 +153,7 @@
|
|||||||
.commission-num {
|
.commission-num {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.share-btn {
|
.share-btn {
|
||||||
|
|||||||
@@ -310,7 +310,7 @@
|
|||||||
.commission-num {
|
.commission-num {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
@@ -97,7 +97,7 @@
|
|||||||
|
|
||||||
.md-goods-price {
|
.md-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
+9
-13
@@ -34,7 +34,7 @@
|
|||||||
state.settlementSku && state.settlementSku.id && state.settlementSku.promotionPrice
|
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="discountCont">
|
||||||
<view class="disContT">
|
<view class="disContT">
|
||||||
<view class="disContT1">
|
<view class="disContT1">
|
||||||
@@ -177,16 +177,10 @@
|
|||||||
<!-- 详情 tabbar -->
|
<!-- 详情 tabbar -->
|
||||||
<detail-tabbar v-model="state.goodsInfo">
|
<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">
|
<view class="buy-box ss-flex ss-col-center ss-p-r-20" v-if="state.goodsInfo.stock > 0">
|
||||||
<button
|
<button class="ss-reset-button add-btn" @tap="state.showSelectSku = true">
|
||||||
class="ss-reset-button add-btn ui-Shadow-Main"
|
|
||||||
@tap="state.showSelectSku = true"
|
|
||||||
>
|
|
||||||
加入购物车
|
加入购物车
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button class="ss-reset-button buy-btn" @tap="state.showSelectSku = true">
|
||||||
class="ss-reset-button buy-btn ui-Shadow-Main"
|
|
||||||
@tap="state.showSelectSku = true"
|
|
||||||
>
|
|
||||||
立即购买
|
立即购买
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
@@ -529,8 +523,9 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
border-radius: 40rpx 0 0 40rpx;
|
border-radius: 40rpx 0 0 40rpx;
|
||||||
background-color: var(--ui-BG-Main-light);
|
background-color: #fff;
|
||||||
color: var(--ui-BG-Main);
|
color: $purple;
|
||||||
|
border: 1px solid $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buy-btn {
|
.buy-btn {
|
||||||
@@ -540,8 +535,9 @@
|
|||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
||||||
border-radius: 0 40rpx 40rpx 0;
|
border-radius: 0 40rpx 40rpx 0;
|
||||||
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
background: $purple;
|
||||||
color: $white;
|
color: $white;
|
||||||
|
border: 1px solid $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disabled-btn {
|
.disabled-btn {
|
||||||
@@ -640,7 +636,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #ff3000;
|
color: $purple;
|
||||||
font-size: 23rpx;
|
font-size: 23rpx;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
margin-left: 10rpx;
|
margin-left: 10rpx;
|
||||||
|
|||||||
@@ -53,7 +53,7 @@
|
|||||||
"
|
"
|
||||||
:title="item.spu.name"
|
:title="item.spu.name"
|
||||||
:titleWidth="400"
|
:titleWidth="400"
|
||||||
priceColor="#FF3000"
|
priceColor="#9251EB"
|
||||||
>
|
>
|
||||||
<template v-if="!state.editMode" v-slot:tool>
|
<template v-if="!state.editMode" v-slot:tool>
|
||||||
<su-number-box
|
<su-number-box
|
||||||
|
|||||||
@@ -73,7 +73,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.goods-price {
|
.goods-price {
|
||||||
color: $red;
|
color: $purple;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,6 +7,7 @@
|
|||||||
<su-tabs
|
<su-tabs
|
||||||
:list="categoryState.categoryList"
|
:list="categoryState.categoryList"
|
||||||
:current="categoryState.curCategoryTab"
|
:current="categoryState.curCategoryTab"
|
||||||
|
lineColor="#9251EB "
|
||||||
@change="onCategoryTabsChange"
|
@change="onCategoryTabsChange"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -154,7 +154,7 @@
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
||||||
&.curStep {
|
&.curStep {
|
||||||
background: #9251eb;
|
background: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -138,7 +138,7 @@
|
|||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.allAddress .font-color {
|
.allAddress .font-color {
|
||||||
color: #e93323 !important;
|
color: $purple !important;
|
||||||
}
|
}
|
||||||
.line2 {
|
.line2 {
|
||||||
width: 504rpx;
|
width: 504rpx;
|
||||||
@@ -197,7 +197,7 @@
|
|||||||
|
|
||||||
.allAddress {
|
.allAddress {
|
||||||
width: 100%;
|
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: linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
|
||||||
// background-image: -webkit-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%);
|
// background-image: -moz-linear-gradient(to bottom, #e93323 0%, #f5f5f5 100%);
|
||||||
@@ -257,7 +257,7 @@
|
|||||||
width: 401rpx;
|
width: 401rpx;
|
||||||
border-width: 0 0 60rpx 60rpx;
|
border-width: 0 0 60rpx 60rpx;
|
||||||
border-style: none solid solid;
|
border-style: none solid solid;
|
||||||
border-color: transparent transparent #f7c1bd;
|
border-color: transparent transparent #d6bbfb;
|
||||||
border-radius: 36rpx 14rpx 0 0;
|
border-radius: 36rpx 14rpx 0 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 60rpx;
|
line-height: 60rpx;
|
||||||
|
|||||||
@@ -132,14 +132,14 @@
|
|||||||
>
|
>
|
||||||
<view class="item-title">优惠券</view>
|
<view class="item-title">优惠券</view>
|
||||||
<view class="ss-flex ss-col-center" @tap="state.showCoupon = true">
|
<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) }}
|
-¥{{ fen2yuan(state.orderInfo.price.couponPrice) }}
|
||||||
</text>
|
</text>
|
||||||
<text
|
<text
|
||||||
class="item-value"
|
class="item-value"
|
||||||
:class="
|
:class="
|
||||||
state.couponInfo.filter((coupon) => coupon.match).length > 0
|
state.couponInfo.filter((coupon) => coupon.match).length > 0
|
||||||
? 'text-red'
|
? 'text-purple'
|
||||||
: 'text-disabled'
|
: 'text-disabled'
|
||||||
"
|
"
|
||||||
v-else
|
v-else
|
||||||
@@ -159,7 +159,7 @@
|
|||||||
>
|
>
|
||||||
<view class="item-title">活动优惠</view>
|
<view class="item-title">活动优惠</view>
|
||||||
<view class="ss-flex ss-col-center" @tap="state.showDiscount = true">
|
<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) }}
|
-¥{{ fen2yuan(state.orderInfo.price.discountPrice) }}
|
||||||
</text>
|
</text>
|
||||||
<text class="_icon-forward item-icon" />
|
<text class="_icon-forward item-icon" />
|
||||||
@@ -171,7 +171,7 @@
|
|||||||
>
|
>
|
||||||
<view class="item-title">会员优惠</view>
|
<view class="item-title">会员优惠</view>
|
||||||
<view class="ss-flex ss-col-center">
|
<view class="ss-flex ss-col-center">
|
||||||
<text class="item-value text-red">
|
<text class="item-value text-purple">
|
||||||
-¥{{ fen2yuan(state.orderInfo.price.vipPrice) }}
|
-¥{{ fen2yuan(state.orderInfo.price.vipPrice) }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -182,7 +182,7 @@
|
|||||||
共{{ state.orderInfo.items.reduce((acc, item) => acc + item.count, 0) }}件
|
共{{ state.orderInfo.items.reduce((acc, item) => acc + item.count, 0) }}件
|
||||||
</view>
|
</view>
|
||||||
<view>合计:</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>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -205,7 +205,7 @@
|
|||||||
<su-fixed bottom :opacity="false" bg="bg-white" placeholder :noFixed="false" :index="200">
|
<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="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-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) }}
|
¥{{ fen2yuan(state.orderInfo.price.payPrice) }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@@ -635,7 +635,7 @@
|
|||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-1
@@ -227,7 +227,7 @@
|
|||||||
padding: 60rpx 20rpx 40rpx;
|
padding: 60rpx 20rpx 40rpx;
|
||||||
|
|
||||||
.money-text {
|
.money-text {
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-size: 46rpx;
|
font-size: 46rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
|
|||||||
@@ -49,7 +49,7 @@
|
|||||||
:title="item.spuName"
|
:title="item.spuName"
|
||||||
:img="item.picUrl"
|
:img="item.picUrl"
|
||||||
:price="item.price"
|
:price="item.price"
|
||||||
priceColor="#FF3000"
|
priceColor="#9251EB"
|
||||||
:titleWidth="400"
|
:titleWidth="400"
|
||||||
@tap="
|
@tap="
|
||||||
sheep.$router.go('/pages/goods/index', {
|
sheep.$router.go('/pages/goods/index', {
|
||||||
|
|||||||
@@ -53,7 +53,7 @@
|
|||||||
:img="item.picUrl"
|
:img="item.picUrl"
|
||||||
:price="item.price"
|
:price="item.price"
|
||||||
:skuText="item.introduction"
|
:skuText="item.introduction"
|
||||||
priceColor="#FF3000"
|
priceColor="#9251EB"
|
||||||
:titleWidth="400"
|
:titleWidth="400"
|
||||||
@tap="
|
@tap="
|
||||||
sheep.$router.go('/pages/goods/index', {
|
sheep.$router.go('/pages/goods/index', {
|
||||||
@@ -301,7 +301,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.price-text {
|
.price-text {
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -258,14 +258,14 @@
|
|||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 48rpx;
|
line-height: 48rpx;
|
||||||
background-color: #e83323;
|
background-color: $purple;
|
||||||
margin-bottom: 22rpx;
|
margin-bottom: 22rpx;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.store-distance {
|
.store-distance {
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
color: #e83323;
|
color: $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
|
|||||||
@@ -813,7 +813,7 @@
|
|||||||
|
|
||||||
.xs-goods-price {
|
.xs-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -843,7 +843,7 @@
|
|||||||
|
|
||||||
.sm-goods-price {
|
.sm-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -928,7 +928,7 @@
|
|||||||
|
|
||||||
.lg-goods-price {
|
.lg-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -984,7 +984,7 @@
|
|||||||
|
|
||||||
.sl-goods-price {
|
.sl-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -807,7 +807,7 @@
|
|||||||
|
|
||||||
.xs-goods-price {
|
.xs-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -837,7 +837,7 @@
|
|||||||
|
|
||||||
.sm-goods-price {
|
.sm-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -868,7 +868,7 @@
|
|||||||
|
|
||||||
.md-goods-price {
|
.md-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -921,7 +921,7 @@
|
|||||||
|
|
||||||
.lg-goods-price {
|
.lg-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -977,7 +977,7 @@
|
|||||||
|
|
||||||
.sl-goods-price {
|
.sl-goods-price {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: $red;
|
color: $purple;
|
||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -36,37 +36,37 @@
|
|||||||
const list = [
|
const list = [
|
||||||
{
|
{
|
||||||
url: '/pages/index/index',
|
url: '/pages/index/index',
|
||||||
icon: '/static/img/shop/tools/home.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-home.png',
|
||||||
title: '首页',
|
title: '首页',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
url: '/pages/index/search',
|
url: '/pages/index/search',
|
||||||
icon: '/static/img/shop/tools/search.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-search.png',
|
||||||
title: '搜索',
|
title: '搜索',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
url: '/pages/index/user',
|
url: '/pages/index/user',
|
||||||
icon: '/static/img/shop/tools/user.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-user.png',
|
||||||
title: '个人中心',
|
title: '个人中心',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
url: '/pages/index/cart',
|
url: '/pages/index/cart',
|
||||||
icon: '/static/img/shop/tools/cart.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-cart.png',
|
||||||
title: '购物车',
|
title: '购物车',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
url: '/pages/user/goods-log',
|
url: '/pages/user/goods-log',
|
||||||
icon: '/static/img/shop/tools/browse.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-browse.png',
|
||||||
title: '浏览记录',
|
title: '浏览记录',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
url: '/pages/user/goods-collect',
|
url: '/pages/user/goods-collect',
|
||||||
icon: '/static/img/shop/tools/collect.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-collect.png',
|
||||||
title: '我的收藏',
|
title: '我的收藏',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
url: '/pages/chat/index',
|
url: '/pages/chat/index',
|
||||||
icon: '/static/img/shop/tools/service.png',
|
icon: 'https://puton.huimeimeta.com/imgs/quick-enter-chat.png',
|
||||||
title: '客服',
|
title: '客服',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -444,7 +444,7 @@
|
|||||||
.price-text {
|
.price-text {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
|
|||||||
@@ -369,7 +369,7 @@
|
|||||||
.price-text {
|
.price-text {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -317,16 +317,18 @@
|
|||||||
width: 356rpx;
|
width: 356rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
border-radius: 40rpx 0 0 40rpx;
|
border-radius: 40rpx 0 0 40rpx;
|
||||||
background-color: var(--ui-BG-Main-light);
|
background-color: #fff;
|
||||||
color: var(--ui-BG-Main);
|
color: $purple;
|
||||||
|
border: 1px solid $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buy-btn {
|
.buy-btn {
|
||||||
width: 356rpx;
|
width: 356rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
border-radius: 0 40rpx 40rpx 0;
|
border-radius: 0 40rpx 40rpx 0;
|
||||||
background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
|
background: $purple;
|
||||||
color: #fff;
|
color: $white;
|
||||||
|
border: 1px solid $purple;
|
||||||
}
|
}
|
||||||
|
|
||||||
.score-btn {
|
.score-btn {
|
||||||
@@ -380,21 +382,21 @@
|
|||||||
.score-text {
|
.score-text {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
}
|
}
|
||||||
|
|
||||||
.price-text {
|
.price-text {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
font-family: OPPOSANS;
|
font-family: OPPOSANS;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: '¥';
|
content: '¥';
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $red;
|
color: $purple;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -445,7 +447,7 @@
|
|||||||
height: fit-content;
|
height: fit-content;
|
||||||
padding: 2rpx 10rpx;
|
padding: 2rpx 10rpx;
|
||||||
background-color: rgb(255, 242, 241);
|
background-color: rgb(255, 242, 241);
|
||||||
color: #ff2621;
|
color: $purple;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
margin-left: 5rpx;
|
margin-left: 5rpx;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ $gold: #fbbd08; // 明黄
|
|||||||
$green: #8dc63f; // 橄榄绿
|
$green: #8dc63f; // 橄榄绿
|
||||||
$cyan: #1cbbb4; // 天青
|
$cyan: #1cbbb4; // 天青
|
||||||
$blue: #0081ff; // 海蓝
|
$blue: #0081ff; // 海蓝
|
||||||
$purple: #6739b6; // 姹紫
|
$purple: #9251EB; // 姹紫
|
||||||
$brightRed: #e54d42; // 嫣红
|
$brightRed: #e54d42; // 嫣红
|
||||||
$forestGreen: #39b54a; // 森绿
|
$forestGreen: #39b54a; // 森绿
|
||||||
$mauve: #9c26b0; // 木槿
|
$mauve: #9c26b0; // 木槿
|
||||||
|
|||||||
+6
-5
@@ -12,11 +12,12 @@ const sys = defineStore({
|
|||||||
getters: {},
|
getters: {},
|
||||||
actions: {
|
actions: {
|
||||||
setTheme(theme = '') {
|
setTheme(theme = '') {
|
||||||
if (theme === '') {
|
// if (theme === '') {
|
||||||
this.theme = app().template?.basic.theme || 'orange';
|
// this.theme = app().template?.basic.theme || 'orange';
|
||||||
} else {
|
// } else {
|
||||||
this.theme = theme;
|
// this.theme = theme;
|
||||||
}
|
// }
|
||||||
|
this.theme = 'purple'
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
persist: {
|
persist: {
|
||||||
|
|||||||
Reference in New Issue
Block a user