czg_team/cashier_wx
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

积分商城问题修复

Browse Source
This commit is contained in:
YeMingfei666
2025-12-11 15:51:14 +08:00
parent 62af2a81f8
commit 9a0164eff6
11 changed files with 773 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
components/coupon/coupon-icon.vue
View File

@@ -3,8 +3,8 @@
<view class="container">
<view class="icon icon1" v-if="props.item.couponType == 1">
<view class="top">
<text class="i">￥</text>
<text class="num">{{ props.item.discountAmount }}</text>
<text class="i" >￥</text>
<text class="num" >{{ props.item.discountAmount }}</text>
</view>
<view class="intro">
<text class="t">满{{ props.item.fullAmount }}可用</text>
@@ -12,8 +12,8 @@
</view>
<view class="icon icon2" v-if="props.item.couponType == 2">
<view class="top">
<text class="i">{{ props.item.discountNum }}件</text>
<text class="num">商品兑换</text>
<text class="i" >{{ props.item.discountNum }}件</text>
<text class="num" >商品兑换</text>
</view>
<view class="intro">
<text class="t">满{{ props.item.fullAmount }}可用</text>
@@ -21,7 +21,7 @@
</view>
<view class="icon icon3" v-if="props.item.couponType == 3">
<view class="top">
<text class="num">{{ props.item.discountRate/10 }}折</text>
<text class="num" >{{ props.item.discountRate/10 }}折</text>
</view>
<view class="intro">
<text class="t">满{{ props.item.fullAmount }}可用</text>
@@ -29,100 +29,112 @@
</view>
<view class="icon icon2" v-if="props.item.couponType == 4">
<view class="top">
<text class="i">第二件</text>
<text class="num">半价券</text>
<text class="i" >第二件</text>
<text class="num" >半价券</text>
</view>
</view>
<view class="icon icon2" v-if="props.item.couponType == 6">
<view class="top">
<text class="i">买一送</text>
<text class="num">一券</text>
<text class="i" >买一送</text>
<text class="num" >一券</text>
</view>
</view>
</view>
</template>
<script setup>
const props = defineProps({
item: {
type: Object,
default: {}
}
});
const props = defineProps({
item: {
type: Object,
default: {}
},
});
</script>
<style scoped lang="scss">
$color: #ff1c1c;
.container {
width: 100%;
height: 100%;
padding: 0;
.icon {
$color: #ff1c1c;
.container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
&.icon1 {
.top {
.i {
color: $color;
font-size: 24upx;
font-weight: bold;
}
.num {
color: $color;
font-size: 72upx;
font-weight: bold;
}
}
}
&.icon2 {
.top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.i {
color: $color;
font-size: 34upx;
font-weight: bold;
}
.num {
color: $color;
font-size: 34upx;
font-weight: bold;
}
}
}
&.icon3 {
.top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.i {
color: $color;
font-size: 34upx;
font-weight: bold;
}
.num {
color: $color;
font-size: 52upx;
font-weight: bold;
}
}
}
padding: 0;
.intro {
.icon {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
.t {
font-size: 22upx;
color: #999;
align-items: center;
&.icon1 {
.top {
.i {
color: $color;
font-size: 24upx;
font-weight: bold;
}
.num {
color: $color;
font-size: 72upx;
font-weight: bold;
}
}
}
&.icon2 {
.top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.i {
color: $color;
font-size: 34upx;
font-weight: bold;
}
.num {
color: $color;
font-size: 34upx;
font-weight: bold;
}
}
}
&.icon3 {
.top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.i {
color: $color;
font-size: 34upx;
font-weight: bold;
}
.num {
color: $color;
font-size: 52upx;
font-weight: bold;
}
}
}
.intro {
display: flex;
justify-content: center;
.t {
font-size: 22upx;
color: #999;
}
}
}
}
}
</style>
</style>