Waiting/suke-mp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
Waiting
2024-03-31 18:19:26 +08:00
parent b502385272
commit 60cb832b02
10 changed files with 107 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/mine/subs/coupon/components/coupon-item.vue
View File

@@ -1,16 +1,16 @@
<template>
<view class='coupon-content'>
<image v-if='item.status==0' :src='assetsUrl("bg_coupon.png")' />
<image v-else-if='item.status==1' :src='assetsUrl("bg_coupon_expired.png")' />
<view class='left-content accent-text-color' :class='{"left-content-disabled": item.status==1}'>
<text>{{ item.reduce }}</text>
<text>满{{ item.threshold }}元可用</text>
<image v-if='item?.status==0' :src='assetsUrl("bg_coupon.png")' />
<image v-else-if='item?.status==1' :src='assetsUrl("bg_coupon_expired.png")' />
<view class='left-content accent-text-color' :class='{"left-content-disabled": item?.status==1}'>
<text>{{ item?.reduce }}</text>
<text>满{{ item?.threshold }}元可用</text>
</view>
<view class='right-content accent-text-color' :class='{"right-content-disabled": item.status==1}'>
<view class='right-content accent-text-color' :class='{"right-content-disabled": item?.status==1}'>
<text>{{ item?.name }}</text>
<text>有效期至{{ dayjs(item.startTime).format("YYYY-MM-DD") }}</text>
<text class='btn-text' :class='{"btn-text-disabled": item.status==1}'>
<text>有效期至{{ dayjs(item?.startTime).format('YYYY-MM-DD') }}</text>
<text class='btn-text' :class='{"btn-text-disabled": item?.status==1}'>
立即使用
</text>
</view>
@@ -22,9 +22,11 @@
import { assetsUrl } from '@/utils/assets';
import dayjs from 'dayjs';
import { PropType } from 'vue';
import { CouponBean } from '@/api/user/types';
defineProps({
item: Object
item: Object as PropType<CouponBean>
});
</script>
@@ -114,6 +116,7 @@ defineProps({
.right-content-disabled {
@extend .right-content;
color: #C2C2C2;
text:nth-of-type(2) {
color: #C2C2C2;
}

6
src/pages/mine/subs/coupon/index.vue
View File

@@ -11,15 +11,15 @@ import CouponItem from './components/coupon-item.vue';
import { getCouponList } from '@/api/user';
import { useUserStore } from '@/store';
import { getCompanyId } from '@/utils';
import { GroupBuyBean } from '@/api/groupbuy/types';
import { CouponBean } from '@/api/user/types';
const store = useUserStore();
const { userInfo } = storeToRefs(store);
const coupons = ref<GroupBuyBean[]>([]);
const coupons = ref<CouponBean[]>([]);
onLoad(async () => {
fetchData(0);
await fetchData(0);
});
const tabChange = (index: number) => {