{"version":3,"file":"s-goods-item.js","sources":["../../../../../../src/sheep/components/s-goods-item/s-goods-item.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtZ29vZHMtaXRlbS9zLWdvb2RzLWl0ZW0udnVl"],"sourcesContent":["<template>\r\n  <view>\r\n    <view>\r\n      <slot name=\"top\"></slot>\r\n    </view>\r\n    <view\r\n      class=\"ss-order-card-warp ss-flex ss-col-stretch ss-row-between bg-white\"\r\n      :style=\"[{ borderRadius: radius + 'rpx', marginBottom: marginBottom + 'rpx' }]\"\r\n    >\r\n      <view class=\"img-box ss-m-r-24\">\r\n        <image class=\"order-img\" :src=\"sheep.$url.cdn(img)\" mode=\"aspectFill\"></image>\r\n      </view>\r\n      <view\r\n        class=\"box-right ss-flex-col ss-row-between\"\r\n        :style=\"[{ width: titleWidth ? titleWidth + 'rpx' : '' }]\"\r\n      >\r\n        <view class=\"title-text ss-line-2\" v-if=\"title\">{{ title }}</view>\r\n        <view v-if=\"skuString\" class=\"spec-text ss-m-t-8 ss-m-b-12\">{{ skuString }}</view>\r\n        <view class=\"groupon-box\">\r\n          <slot name=\"groupon\"></slot>\r\n        </view>\r\n        <view class=\"ss-flex\">\r\n          <view class=\"ss-flex ss-col-center\">\r\n            <view\r\n              class=\"price-text ss-flex ss-col-center\"\r\n              :style=\"[{ color: priceColor }]\"\r\n              v-if=\"price && Number(price) > 0\"\r\n            >\r\n              ￥{{ fen2yuan(price) }}\r\n            </view>\r\n            <view v-if=\"num\" class=\"total-text ss-flex ss-col-center\">x {{ num }}</view>\r\n            <slot name=\"priceSuffix\"></slot>\r\n          </view>\r\n        </view>\r\n        <view class=\"tool-box\">\r\n          <slot name=\"tool\"></slot>\r\n        </view>\r\n        <view>\r\n          <slot name=\"rightBottom\"></slot>\r\n        </view>\r\n      </view>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { computed } from 'vue'\r\nimport { fen2yuan } from '@/sheep/hooks/useGoods'\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} price \t\t\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  img: {\r\n    type: String,\r\n    default: 'https://img1.baidu.com/it/u=1601695551,235775011&fm=26&fmt=auto',\r\n  },\r\n  title: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  titleWidth: {\r\n    type: Number,\r\n    default: 0,\r\n  },\r\n  skuText: {\r\n    type: [String, Array],\r\n    default: '',\r\n  },\r\n  price: {\r\n    type: [String, Number],\r\n    default: '',\r\n  },\r\n  priceColor: {\r\n    type: [String],\r\n    default: '',\r\n  },\r\n  num: {\r\n    type: [String, Number],\r\n    default: 0,\r\n  },\r\n  score: {\r\n    type: [String, Number],\r\n    default: '',\r\n  },\r\n  radius: {\r\n    type: [String],\r\n    default: '',\r\n  },\r\n  marginBottom: {\r\n    type: [String],\r\n    default: '',\r\n  },\r\n})\r\nconst skuString = computed(() => {\r\n  if (!props.skuText) {\r\n    return ''\r\n  }\r\n  if (typeof props.skuText === 'object') {\r\n    return props.skuText.join(',')\r\n  }\r\n  return props.skuText\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.score-img {\r\n  width: 36rpx;\r\n  height: 36rpx;\r\n  margin: 0 4rpx;\r\n}\r\n.ss-order-card-warp {\r\n  padding: 20rpx;\r\n\r\n  .img-box {\r\n    width: 164rpx;\r\n    height: 164rpx;\r\n    overflow: hidden;\r\n    border-radius: 10rpx;\r\n\r\n    .order-img {\r\n      width: 164rpx;\r\n      height: 164rpx;\r\n    }\r\n  }\r\n\r\n  .box-right {\r\n    // width: 500rpx;\r\n    // height: 164rpx;\r\n    position: relative;\r\n    flex: 1;\r\n\r\n    .tool-box {\r\n      position: absolute;\r\n      right: 0rpx;\r\n      bottom: -10rpx;\r\n    }\r\n  }\r\n\r\n  .title-text {\r\n    font-size: 28rpx;\r\n    font-weight: 500;\r\n    line-height: 40rpx;\r\n  }\r\n\r\n  .spec-text {\r\n    display: -webkit-box;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    font-size: 24rpx;\r\n    font-weight: 400;\r\n    color: $dark-9;\r\n    text-overflow: ellipsis;\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: vertical;\r\n  }\r\n\r\n  .price-text {\r\n    font-family: OPPOSANS;\r\n    font-size: 24rpx;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .total-text {\r\n    margin-left: 8rpx;\r\n    font-size: 24rpx;\r\n    font-weight: 400;\r\n    line-height: 24rpx;\r\n    color: $dark-9;\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-goods-item/s-goods-item.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,UAAM,QAAQ;AA0Cd,UAAM,YAAYA,cAAQ,SAAC,MAAM;AAC/B,UAAI,CAAC,MAAM,SAAS;AAClB,eAAO;AAAA,MACR;AACD,UAAI,OAAO,MAAM,YAAY,UAAU;AACrC,eAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC9B;AACD,aAAO,MAAM;AAAA,IACf,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9GD,GAAG,gBAAgB,SAAS;"}