{"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;"}