1 line
5.9 KiB
Plaintext
1 line
5.9 KiB
Plaintext
{"version":3,"file":"s-coupon-list.js","sources":["../../../../../../src/sheep/components/s-coupon-list/s-coupon-list.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtY291cG9uLWxpc3Qvcy1jb3Vwb24tbGlzdC52dWU"],"sourcesContent":["<template>\r\n <view class=\"ss-m-20\" :style=\"{ opacity: disabled ? '0.5' : '1' }\">\r\n <view class=\"content\">\r\n <view\r\n class=\"tag ss-flex ss-row-center\"\r\n :class=\"isDisable ? 'disabled-bg-color' : 'info-bg-color'\"\r\n >\r\n {{ data.discountType === 1 ? '满减券' : '折扣券' }}\r\n </view>\r\n <view class=\"title ss-m-x-30 ss-p-t-18\">\r\n <view class=\"ss-flex ss-row-between\">\r\n <view\r\n class=\"value-text ss-flex-1 ss-m-r-10\"\r\n :class=\"isDisable ? 'disabled-color' : 'info-color'\"\r\n >\r\n {{ data.name }}\r\n </view>\r\n <view>\r\n <view\r\n class=\"ss-flex ss-col-bottom\"\r\n :class=\"isDisable ? 'disabled-color' : 'price-text'\"\r\n >\r\n <view class=\"value-reduce ss-m-b-10\" v-if=\"data.discountType === 1\">￥</view>\r\n <view class=\"value-price\">\r\n {{\r\n data.discountType === 1\r\n ? fen2yuan(data.discountPrice)\r\n : data.discountPercent / 10.0\r\n }}\r\n </view>\r\n <view class=\"value-discount ss-m-b-10 ss-m-l-4\" v-if=\"data.discountType === 2\">\r\n 折\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n <view class=\"ss-flex ss-row-between ss-m-t-16\">\r\n <view\r\n class=\"sellby-text\"\r\n :class=\"isDisable ? 'disabled-color' : 'subtitle-color'\"\r\n v-if=\"data.validityType === 2\"\r\n >\r\n 有效期：领取后 {{ data.fixedEndTerm }} 天内可用\r\n </view>\r\n <view class=\"sellby-text\" :class=\"isDisable ? 'disabled-color' : 'subtitle-color'\" v-else>\r\n 有效期: {{ sheep.$helper.timeFormat(data.validStartTime, 'yyyy-mm-dd') }} 至\r\n {{ sheep.$helper.timeFormat(data.validEndTime, 'yyyy-mm-dd') }}\r\n </view>\r\n <view class=\"value-enough\" :class=\"isDisable ? 'disabled-color' : 'subtitle-color'\">\r\n 满 {{ fen2yuan(data.usePrice) }} 可用\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n\r\n <!-- TODO 芋艿：可优化，增加优惠劵的描述 -->\r\n <view class=\"desc ss-flex ss-row-between\">\r\n <view>\r\n <view class=\"desc-title\">{{ data.description }}</view>\r\n <view>\r\n <slot name=\"reason\" />\r\n </view>\r\n </view>\r\n <view>\r\n <slot />\r\n </view>\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed, reactive } from 'vue'\r\nimport { fen2yuan } from '../../hooks/useGoods'\r\nimport sheep from '../../index'\r\n\r\nconst state = reactive({})\r\n\r\nconst isDisable = computed(() => {\r\n if (props.type === 'coupon') {\r\n return false\r\n }\r\n return props.data.status !== 1\r\n})\r\n\r\n// 接受参数\r\nconst props = defineProps({\r\n data: {\r\n type: Object,\r\n default: {},\r\n },\r\n disabled: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n type: {\r\n type: String,\r\n default: 'coupon', // coupon 优惠劵模版；user 用户优惠劵\r\n },\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.info-bg-color {\r\n background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n}\r\n\r\n.disabled-bg-color {\r\n background: #999;\r\n}\r\n\r\n.info-color {\r\n color: #333;\r\n}\r\n\r\n.subtitle-color {\r\n color: #666;\r\n}\r\n\r\n.disabled-color {\r\n color: #999;\r\n}\r\n\r\n.content {\r\n width: 100%;\r\n background: #fff;\r\n border-radius: 20rpx 20rpx 0 0;\r\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);\r\n -webkit-mask: radial-gradient(circle at 12rpx 100%, #0000 12rpx, red 0) -12rpx;\r\n\r\n .tag {\r\n width: 100rpx;\r\n height: 40rpx;\r\n font-size: 24rpx;\r\n\r\n color: #fff;\r\n border-radius: 20rpx 0 20rpx 0;\r\n }\r\n\r\n .title {\r\n padding-bottom: 22rpx;\r\n border-bottom: 2rpx dashed #d3d3d3;\r\n\r\n .value-text {\r\n font-size: 32rpx;\r\n font-weight: 600;\r\n }\r\n\r\n .sellby-text {\r\n font-size: 24rpx;\r\n font-weight: 400;\r\n }\r\n\r\n .value-price {\r\n font-family: OPPOSANS;\r\n font-size: 64rpx;\r\n font-weight: 500;\r\n line-height: normal;\r\n }\r\n\r\n .value-reduce {\r\n font-size: 32rpx;\r\n line-height: normal;\r\n }\r\n\r\n .value-discount {\r\n font-size: 28rpx;\r\n line-height: normal;\r\n }\r\n\r\n .value-enough {\r\n font-family: OPPOSANS;\r\n font-size: 24rpx;\r\n font-weight: 400;\r\n }\r\n }\r\n}\r\n\r\n.desc {\r\n box-sizing: border-box;\r\n width: 100%;\r\n padding: 24rpx 30rpx;\r\n background: #fff;\r\n border-radius: 0 0 20rpx 20rpx;\r\n box-shadow: rgba(#000, 0.1);\r\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04);\r\n -webkit-mask: radial-gradient(circle at 12rpx 0%, #0000 12rpx, red 0) -12rpx;\r\n\r\n .desc-title {\r\n font-size: 24rpx;\r\n font-weight: 400;\r\n color: #999;\r\n }\r\n}\r\n\r\n.price-text {\r\n color: #ff0000;\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-coupon-list/s-coupon-list.vue'\nwx.createComponent(Component)"],"names":["reactive","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2EcA,kBAAQ,SAAC,EAAE;AAEzB,UAAM,YAAYC,cAAQ,SAAC,MAAM;AAC/B,UAAI,MAAM,SAAS,UAAU;AAC3B,eAAO;AAAA,MACR;AACD,aAAO,MAAM,KAAK,WAAW;AAAA,IAC/B,CAAC;AAGD,UAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpFd,GAAG,gBAAgB,SAAS;"} |