1 line
3.5 KiB
Plaintext
1 line
3.5 KiB
Plaintext
{"version":3,"file":"s-coupon-get.js","sources":["../../../../../../src/sheep/components/s-coupon-get/s-coupon-get.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtY291cG9uLWdldC9zLWNvdXBvbi1nZXQudnVl"],"sourcesContent":["<!-- 商品详情 - 优惠劵领取 -->\r\n<template>\r\n <su-popup\r\n :show=\"show\"\r\n type=\"bottom\"\r\n round=\"20\"\r\n @close=\"emits('close')\"\r\n showClose\r\n backgroundColor=\"#f2f2f2\"\r\n >\r\n <view class=\"model-box\">\r\n <view class=\"title ss-m-t-16 ss-m-l-20 ss-flex\">优惠券</view>\r\n <scroll-view\r\n class=\"model-content\"\r\n scroll-y\r\n :scroll-with-animation=\"false\"\r\n :enable-back-to-top=\"true\"\r\n >\r\n <view class=\"subtitle ss-m-l-20\">可使用优惠券</view>\r\n <view v-for=\"item in state.couponInfo\" :key=\"item.id\">\r\n <s-coupon-list :data=\"item\">\r\n <template #default>\r\n <button\r\n class=\"ss-reset-button card-btn ss-flex ss-row-center ss-col-center\"\r\n :class=\"!item.canTake ? 'boder-btn' : ''\"\r\n @click.stop=\"getBuy(item.id)\"\r\n :disabled=\"!item.canTake\"\r\n >\r\n {{ item.canTake ? '立即领取' : '已领取' }}\r\n </button>\r\n </template>\r\n </s-coupon-list>\r\n </view>\r\n </scroll-view>\r\n </view>\r\n </su-popup>\r\n</template>\r\n<script setup>\r\nimport { computed, reactive } from 'vue'\r\n\r\nconst props = defineProps({\r\n modelValue: {\r\n type: Object,\r\n default() {},\r\n },\r\n show: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n})\r\n\r\nconst emits = defineEmits(['get', 'close'])\r\n\r\nconst state = reactive({\r\n couponInfo: computed(() => props.modelValue),\r\n})\r\n\r\n// 领取优惠劵\r\nconst getBuy = (id) => {\r\n emits('get', id)\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n \r\n.model-box {\r\n height: 60vh;\r\n .title {\r\n height: 80rpx;\r\n font-size: 36rpx;\r\n font-weight: bold;\r\n color: #333333;\r\n }\r\n .subtitle {\r\n font-size: 26rpx;\r\n font-weight: 500;\r\n color: #333333;\r\n }\r\n}\r\n.model-content {\r\n height: 54vh;\r\n}\r\n.modal-footer {\r\n width: 100%;\r\n height: 120rpx;\r\n background: #fff;\r\n}\r\n.confirm-btn {\r\n width: 710rpx;\r\n height: 80rpx;\r\n margin-left: 20rpx;\r\n color: #fff;\r\n background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n border-radius: 40rpx;\r\n}\r\n// 优惠券按钮\r\n.card-btn {\r\n height: 50rpx;\r\n // width: 144rpx;\r\n padding: 0 16rpx;\r\n font-size: 24rpx;\r\n font-weight: 400;\r\n color: #ffffff;\r\n background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n border-radius: 40rpx;\r\n}\r\n.boder-btn {\r\n color: #fff !important;\r\n background: linear-gradient(90deg, var(--ui-BG-Main-opacity-4), var(--ui-BG-Main-light));\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-coupon-get/s-coupon-get.vue'\nwx.createComponent(Component)"],"names":["reactive","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQ;AAWd,UAAM,QAAQ;AAEd,UAAM,QAAQA,cAAAA,SAAS;AAAA,MACrB,YAAYC,cAAQ,SAAC,MAAM,MAAM,UAAU;AAAA,IAC7C,CAAC;AAGD,UAAM,SAAS,CAAC,OAAO;AACrB,YAAM,OAAO,EAAE;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3DA,GAAG,gBAAgB,SAAS;"} |