{"version":3,"file":"detail-comment-card.js","sources":["../../../../../../../../src/modules/mall/goods/components/detail/detail-comment-card.vue","../../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvZ29vZHMvY29tcG9uZW50cy9kZXRhaWwvZGV0YWlsLWNvbW1lbnQtY2FyZC52dWU"],"sourcesContent":["<!-- 商品评论的卡片 -->\r\n<template>\r\n  <view class=\"detail-comment-card bg-white\">\r\n    <view class=\"card-header ss-flex ss-col-center ss-row-between ss-p-b-30\">\r\n      <view class=\"ss-flex ss-col-center\">\r\n        <view class=\"line\"></view>\r\n        <view class=\"title ss-m-l-20 ss-m-r-10\">评价</view>\r\n        <view class=\"des\">({{ state.total }})</view>\r\n      </view>\r\n      <view\r\n        class=\"ss-flex ss-col-center\"\r\n        @tap=\"sheep.$router.go('/modules/mall/goods/comment/list', { id: goodsId })\"\r\n        v-if=\"state.commentList.length > 0\"\r\n      >\r\n        <button class=\"ss-reset-button more-btn\">查看全部</button>\r\n        <text class=\"cicon-forward\" />\r\n      </view>\r\n    </view>\r\n    <!-- 评论列表 -->\r\n    <view class=\"card-content\">\r\n      <view class=\"comment-box ss-p-y-30\" v-for=\"item in state.commentList\" :key=\"item.id\">\r\n        <comment-item :item=\"item\" />\r\n      </view>\r\n      <s-empty\r\n        v-if=\"state.commentList.length === 0\"\r\n        paddingTop=\"0\"\r\n        icon=\"/static/comment-empty.png\"\r\n        text=\"期待您的第一个评价\"\r\n      />\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { reactive, onBeforeMount } from 'vue'\r\nimport sheep from '@/sheep'\r\nimport CommentApi from '@/sheep/api/product/comment'\r\nimport commentItem from './comment-item.vue'\r\n\r\nconst props = defineProps({\r\n  goodsId: {\r\n    type: [Number, String],\r\n    default: 0,\r\n  },\r\n})\r\n\r\nconst state = reactive({\r\n  commentList: [], // 评论列表，只展示最近的 3 条\r\n  total: 0, // 总评论数\r\n})\r\n\r\nasync function getComment(id) {\r\n  const { data } = await CommentApi.getCommentPage(id, 1, 3, 0)\r\n  state.commentList = data.list\r\n  state.total = data.total\r\n}\r\n\r\nonBeforeMount(() => {\r\n  getComment(props.goodsId)\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.detail-comment-card {\r\n  padding: 20rpx 20rpx 0 20rpx;\r\n  margin: 0 20rpx 20rpx 20rpx;\r\n  .card-header {\r\n    .line {\r\n      width: 6rpx;\r\n      height: 30rpx;\r\n      background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%);\r\n      border-radius: 3rpx;\r\n    }\r\n\r\n    .title {\r\n      font-size: 30rpx;\r\n      font-weight: bold;\r\n      line-height: normal;\r\n    }\r\n\r\n    .des {\r\n      font-size: 24rpx;\r\n      color: $dark-9;\r\n    }\r\n\r\n    .more-btn {\r\n      font-size: 24rpx;\r\n      line-height: normal;\r\n      color: var(--ui-BG-Main);\r\n    }\r\n\r\n    .cicon-forward {\r\n      margin-top: 4rpx;\r\n      font-size: 24rpx;\r\n      line-height: normal;\r\n      color: var(--ui-BG-Main);\r\n    }\r\n  }\r\n}\r\n.comment-box {\r\n  border-bottom: 2rpx solid #eeeeee;\r\n  &:last-child {\r\n    border: none;\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/modules/mall/goods/components/detail/detail-comment-card.vue'\nwx.createComponent(Component)"],"names":["reactive","CommentApi","onBeforeMount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,cAAc,MAAW;;;;;;;;;;AAE/B,UAAM,QAAQ;AAOd,UAAM,QAAQA,cAAAA,SAAS;AAAA,MACrB,aAAa,CAAE;AAAA;AAAA,MACf,OAAO;AAAA;AAAA,IACT,CAAC;AAED,aAAe,WAAW,IAAI;AAAA;AAC5B,cAAM,EAAE,KAAM,IAAG,MAAMC,0BAAU,WAAC,eAAe,IAAI,GAAG,GAAG,CAAC;AAC5D,cAAM,cAAc,KAAK;AACzB,cAAM,QAAQ,KAAK;AAAA,MACrB;AAAA;AAEAC,kBAAAA,cAAc,MAAM;AAClB,iBAAW,MAAM,OAAO;AAAA,IAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1DD,GAAG,gBAAgB,SAAS;"}