{"version":3,"file":"s-coupon-card.js","sources":["../../../../../../src/sheep/components/s-coupon-card/s-coupon-card.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtY291cG9uLWNhcmQvcy1jb3Vwb24tY2FyZC52dWU"],"sourcesContent":["<!-- 装修用户组件：用户卡券 -->\r\n<template>\r\n  <view\r\n    class=\"ss-coupon-menu-wrap ss-flex ss-col-center\"\r\n    :style=\"[bgStyle, { marginLeft: `${data.space}px` }]\"\r\n  >\r\n    <view\r\n      class=\"menu-item ss-flex-col ss-row-center ss-col-center\"\r\n      v-for=\"item in props.list\"\r\n      :key=\"item.title\"\r\n      @tap=\"sheep.$router.go(item.path, { type: item.type })\"\r\n      :class=\"item.type === 'all' ? 'menu-wallet' : 'ss-flex-1'\"\r\n    >\r\n      <image class=\"item-icon\" :src=\"sheep.$url.static(item.icon)\" mode=\"aspectFit\"></image>\r\n      <view class=\"menu-title ss-m-t-28\">{{ item.title }}</view>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 装修组件 - 优惠券菜单\r\n */\r\nimport sheep from '@/sheep'\r\nimport { computed } from 'vue'\r\n\r\n// 接收参数\r\nconst props = defineProps({\r\n  list: {\r\n    type: Array,\r\n    default() {\r\n      return [\r\n        {\r\n          title: '已领取',\r\n          value: '0',\r\n          icon: '/static/img/shop/order/nouse_coupon.png',\r\n          path: '/modules/mall/coupon/list',\r\n          type: 'geted',\r\n        },\r\n        {\r\n          title: '已使用',\r\n          value: '0',\r\n          icon: '/static/img/shop/order/useend_coupon.png',\r\n          path: '/modules/mall/coupon/list',\r\n          type: 'used',\r\n        },\r\n        {\r\n          title: '已失效',\r\n          value: '0',\r\n          icon: '/static/img/shop/order/out_coupon.png',\r\n          path: '/modules/mall/coupon/list',\r\n          type: 'expired',\r\n        },\r\n        {\r\n          title: '领券中心',\r\n          value: '0',\r\n          icon: '/static/img/shop/order/all_coupon.png',\r\n          path: '/modules/mall/coupon/list',\r\n          type: 'all',\r\n        },\r\n      ]\r\n    },\r\n  },\r\n  // 装修数据\r\n  data: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n  // 装修样式\r\n  styles: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n})\r\n// 设置背景样式\r\nconst bgStyle = computed(() => {\r\n  // 直接从 props.styles 解构\r\n  const { bgType, bgImg, bgColor } = props.styles\r\n\r\n  // 根据 bgType 返回相应的样式\r\n  return {\r\n    background: bgType === 'img' ? `url(${bgImg}) no-repeat top center / 100% 100%` : bgColor,\r\n  }\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.ss-coupon-menu-wrap {\r\n  .menu-item {\r\n    height: 160rpx;\r\n\r\n    .menu-title {\r\n      font-size: 24rpx;\r\n      line-height: 24rpx;\r\n      color: #333333;\r\n    }\r\n\r\n    .item-icon {\r\n      width: 44rpx;\r\n      height: 44rpx;\r\n    }\r\n  }\r\n\r\n  .menu-wallet {\r\n    width: 144rpx;\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-coupon-card/s-coupon-card.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAgDd,UAAM,UAAUA,cAAQ,SAAC,MAAM;AAE7B,YAAM,EAAE,QAAQ,OAAO,QAAS,IAAG,MAAM;AAGzC,aAAO;AAAA,QACL,YAAY,WAAW,QAAQ,OAAO,KAAK,uCAAuC;AAAA,MACnF;AAAA,IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;AClFD,GAAG,gBAAgB,SAAS;"}