1 line
7.5 KiB
Plaintext
1 line
7.5 KiB
Plaintext
|
{"version":3,"file":"s-live-card.js","sources":["../../../../../../src/sheep/components/s-live-card/s-live-card.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtbGl2ZS1jYXJkL3MtbGl2ZS1jYXJkLnZ1ZQ"],"sourcesContent":["<template>\r\n <view>\r\n <!-- md卡片：竖向，一行放两个，图上内容下 -->\r\n <view v-if=\"size === 'md'\" class=\"md-goods-card ss-flex-col\" :style=\"[elStyles]\" @tap=\"onClick\">\r\n <view class=\"icon-box ss-flex\">\r\n <image class=\"icon\" :src=\"state.liveStatus[data.status].img\"></image>\r\n <view class=\"title ss-m-l-16\">{{ state.liveStatus[data.status].title }}</view>\r\n </view>\r\n <img class=\"md-img-box\" :src=\"sheep.$url.cdn(data.feeds_img)\" referrerpolicy=\"no-referrer\" />\r\n <view class=\"md-goods-content\">\r\n <view class=\"md-goods-title ss-line-1\" :style=\"[{ color: titleColor }]\">\r\n {{ data.name }}\r\n </view>\r\n <view class=\"md-goods-subtitle ss-m-t-14 ss-line-1\" :style=\"[{ color: subTitleColor }]\">\r\n 主播：{{ data.anchor_name }}\r\n </view>\r\n </view>\r\n </view>\r\n <!-- sl卡片：竖向型，一行放一个，图片上内容下边 -->\r\n <view v-if=\"size === 'sl'\" class=\"sl-goods-card ss-flex-col\" :style=\"[elStyles]\" @tap=\"onClick\">\r\n <view class=\"icon-box ss-flex\">\r\n <image class=\"icon\" :src=\"state.liveStatus[data.status].img\"></image>\r\n <view class=\"title ss-m-l-16\">{{ state.liveStatus[data.status].title }}</view>\r\n </view>\r\n <img class=\"sl-img-box\" :src=\"sheep.$url.cdn(data.feeds_img)\" referrerpolicy=\"no-referrer\" />\r\n <view class=\"sl-goods-content\">\r\n <view class=\"sl-goods-title ss-line-1\" :style=\"[{ color: titleColor }]\">\r\n {{ data.name }}\r\n </view>\r\n <view class=\"sl-goods-subtitle ss-m-t-14 ss-line-1\" :style=\"[{ color: subTitleColor }]\">\r\n 主播：{{ data.anchor_name }}\r\n </view>\r\n </view>\r\n </view>\r\n </view>\r\n</template>\r\n<script setup>\r\nimport { computed, reactive } from 'vue'\r\nimport sheep from '@/sheep'\r\n/**\r\n * 直播卡片\r\n *\r\n * @property {String} img \t\t\t\t\t\t\t\t\t\t\t- 图片\r\n * @property {String} title \t\t\t\t\t\t\t\t\t\t- 标题\r\n * @property {Number} titleWidth = 0\t\t\t\t\t\t\t\t- 标题宽度，默认0，单位rpx\r\n * @property {String} skuText \t\t\t\t\t\t\t\t\t\t- 规格\r\n * @property {String | Number} score \t\t\t\t\t\t\t\t- 积分\r\n * @property {String | Number} price \t\t\t\t\t\t\t\t- 价格\r\n * @property {String | Number} originalPrice \t\t\t\t\t\t- 单购价\r\n * @property {String} priceColor \t\t\t\t\t\t\t\t\t- 价格颜色\r\n * @property {Number | String} num\t\t\t\t\t\t\t\t\t- 数量\r\n *\r\n */\r\nconst props = defineProps({\r\n goodsFields: {\r\n type: [Array, Object],\r\n default() {\r\n return {}\r\n },\r\n },\r\n tagStyle: {\r\n type: Object,\r\n default: {},\r\n },\r\n data: {\r\n type: Object,\r\n default: {},\r\n },\r\n size: {\r\n type: String,\r\n default: 'sl',\r\n },\r\n background: {\r\n type: String,\r\n default: '',\r\n },\r\n topRadius: {\r\n type: Number,\r\n default: 0,\r\n },\r\n bottomRadius: {\r\n type: Number,\r\n default: 0,\r\n },\r\n titleColor: {\r\n type: String,\r\n default: '#333',\r\n },\r\n subTitleColor: {\r\n type: String,\r\n default: '#999999',\r\n },\r\n})\r\n// 组件样式\r\nconst elStyles = computed(() => {\r\n return {\r\n background: props.background,\r\n 'border-top-left-radius': props.topRadius + 'px',\r\n 'border-top-right-radius': props.topRadius + 'px',\r\n 'border-bottom-left-radius': props.bottomRadius + 'px',\r\n 'border-bottom-right-radius': props.bottomRadius + 'px',\r\n }\r\n})\r\nconst state = reactive({\r\n liveStatus: {\r\n 101: {\r\n img: sheep.$url.static('/static/img/shop/app/mplive/living.png'),\r\n title: '<27>
|