1 line
3.4 KiB
Plaintext
1 line
3.4 KiB
Plaintext
|
{"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;"}
|