create-weapp-vite 2.0.31 → 2.0.32

package/templates/wevu-retail/src/pages/coupon/coupon-list/index.vue

@@ -0,0 +1,136 @@
+<script lang="ts">
+import { fetchCouponList } from '../../../services/coupon/index';
+
+Page({
+  data: {
+    status: 0,
+    list: [
+      {
+        text: '可使用',
+        key: 0,
+      },
+      {
+        text: '已使用',
+        key: 1,
+      },
+      {
+        text: '已失效',
+        key: 2,
+      },
+    ],
+
+    couponList: [],
+  },
+
+  onLoad() {
+    this.init();
+  },
+
+  init() {
+    this.fetchList();
+  },
+
+  fetchList(status = this.data.status) {
+    let statusInFetch = '';
+    switch (Number(status)) {
+      case 0: {
+        statusInFetch = 'default';
+        break;
+      }
+      case 1: {
+        statusInFetch = 'useless';
+        break;
+      }
+      case 2: {
+        statusInFetch = 'disabled';
+        break;
+      }
+      default: {
+        throw new Error(`unknown fetchStatus: ${statusInFetch}`);
+      }
+    }
+    fetchCouponList(statusInFetch).then((couponList) => {
+      this.setData({ couponList });
+    });
+  },
+
+  tabChange(e) {
+    const { value } = e.detail;
+
+    this.setData({ status: value });
+    this.fetchList(value);
+  },
+
+  goCouponCenterHandle() {
+    wx.showToast({ title: '去领券中心', icon: 'none' });
+  },
+
+  onPullDownRefresh_() {
+    this.setData(
+      {
+        couponList: [],
+      },
+      () => {
+        this.fetchList();
+      },
+    );
+  },
+});
+</script>
+
+<template>
+<t-tabs
+  defaultValue="{{status}}"
+  bind:change="tabChange"
+  tabList="{{list}}"
+  t-class="tabs-external__inner [height:88rpx] [width:100%] [line-height:88rpx] [z-index:100] [font-size:26rpx] [color:#333333] [position:fixed] [width:100vw] [top:0] [left:0] [&_.tabs-external__track]:[background:#fa4126] [&_.tabs-external__item]:[color:#666] [&_.tabs-external__active]:[font-size:28rpx] [&_.tabs-external__active]:[color:#fa4126] [&_.order-nav_.order-nav-item_.bottom-line]:[bottom:12rpx]"
+	t-class-item="tabs-external__item"
+  t-class-active="tabs-external__active"
+  t-class-track="tabs-external__track"
+>
+	<t-tab-panel
+	  wx:for="{{list}}"
+	  wx:for-index="index"
+	  wx:for-item="tab"
+	  wx:key="key"
+	  label="{{tab.text}}"
+	  value="{{tab.key}}"
+	/>
+</t-tabs>
+<view class="coupon-list-wrap [margin-top:32rpx] [margin-left:32rpx] [margin-right:32rpx] [overflow-y:auto] [padding-bottom:100rpx] [padding-bottom:calc(constant(safe-area-inset-top)_+_100rpx)] [padding-bottom:calc(env(safe-area-inset-bottom)_+_100rpx)] [-webkit-overflow-scrolling:touch] [&_.t-pull-down-refresh__bar]:[background:#fff]">
+	<t-pull-down-refresh
+	  t-class-indicator="t-class-indicator"
+	  id="t-pull-down-refresh"
+	  bind:refresh="onPullDownRefresh_"
+	  background="#fff"
+	>
+		<view class="coupon-list-item" wx:for="{{couponList}}" wx:key="key">
+			<coupon-card couponDTO="{{item}}" />
+		</view>
+	</t-pull-down-refresh>
+	<view class="center-entry [box-sizing:content-box] [border-top:1rpx_solid_#dce0e4] [background-color:#fff] [position:fixed] [bottom:0] [left:0] [right:0] [height:100rpx] [padding-bottom:0] [padding-bottom:constant(safe-area-inset-top)] [padding-bottom:env(safe-area-inset-bottom)]">
+		<view class="center-entry-btn [color:#fa4126] [font-size:28rpx] [text-align:center] [line-height:100rpx] [display:flex] [align-items:center] [justify-content:center] [height:100rpx]" bind:tap="goCouponCenterHandle">
+			<view>领券中心</view>
+			<t-icon
+			  name="chevron-right"
+			  color="#fa4126"
+			  size="40rpx"
+			  style="line-height: 28rpx;"
+			/>
+		</view>
+	</view>
+</view>
+
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "优惠券",
+  "usingComponents": {
+    "t-pull-down-refresh": "tdesign-miniprogram/pull-down-refresh/pull-down-refresh",
+    "t-tabs": "tdesign-miniprogram/tabs/tabs",
+    "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "coupon-card": "../components/coupon-card/index"
+  }
+}</json>

package/templates/wevu-retail/src/pages/goods/comments/components/comments-card/components/images-videos/index.vue

@@ -0,0 +1,65 @@
+<script lang="ts">
+// pages/goods/comments/components/comments-card/images-videos/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    resources: {
+      type: Array,
+      value: [],
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    classType: 'single',
+  },
+
+  observers: {
+    resources: function (newVal) {
+      if (newVal.length <= 1) {
+        this.setData({ classType: 'single' });
+      } else if (newVal.length === 2) {
+        this.setData({ classType: 'double' });
+      } else {
+        this.setData({ classType: 'multiple' });
+      }
+    },
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {},
+});
+</script>
+
+<template>
+<view class="images-videos-container container-{{classType}} [display:flex] [flex-wrap:wrap]">
+	<view
+	  class="resource-container resource-container-{{classType}} [display:flex]"
+	  wx:for="{{resources}}"
+	  wx:for-item="resource"
+	  wx:key="*this"
+	>
+		<t-image wx:if="{{resource.type === 'image'}}" t-class="resource-item-{{classType}}" src="{{resource.src}}" />
+		<my-video wx:else videoSrc="{{resource.src}} " my-video="resource-item-{{classType}}">
+			<t-image t-class="resource-item resource-item-{{classType}}" slot="cover-img" src="{{resource.coverSrc}}" />
+			<image class="play-icon [width:96rpx] [height:96rpx]" slot="play-icon" src="./assets/play.png" />
+		</my-video>
+	</view>
+</view>
+
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "my-video": "../my-video/index",
+    "t-image": "/components/webp-image/index"
+  }
+}</json>

package/templates/wevu-retail/src/pages/goods/comments/components/comments-card/components/my-video/index.vue

@@ -0,0 +1,92 @@
+<script lang="ts">
+Component({
+  externalClasses: ['my-video', 'my-cover-img', 'my-play-icon'],
+  properties: {
+    videoSrc: { type: String },
+  },
+  data: {
+    isShow: true,
+  },
+
+  options: {
+    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
+  },
+
+  attached() {
+    this.videoContext = wx.createVideoContext('myVideo', this);
+  },
+
+  fullScreen: false,
+
+  methods: {
+    // 点击封面自定义播放按钮时触发
+    bindplay(e) {
+      this.setData({
+        isShow: false,
+      });
+      this.videoContext.play();
+      this.triggerEvent('play', e);
+    },
+
+    bindplayByVideo(e) {
+      this.setData({
+        isShow: false,
+      });
+      this.triggerEvent('play', e);
+    },
+
+    // 监听播放到末尾时触发
+    bindended(e) {
+      if (!this.fullScreen) {
+        this.setData({
+          isShow: true,
+        });
+      }
+      this.triggerEvent('ended', e);
+    },
+    // 监听暂停播放时触发
+    bindpause(e) {
+      this.triggerEvent('pause', e);
+    },
+    bindfullscreenchange(e) {
+      const fullScreen = e?.detail?.fullScreen;
+      this.fullScreen = fullScreen;
+    },
+  },
+});
+</script>
+
+<template>
+<video
+  id="myVideo"
+  src="{{videoSrc}}"
+  enable-danmu
+  controls
+  show-fullscreen-btn
+  show-center-play-btn="{{false}}"
+  auto-pause-if-navigate
+  auto-pause-if-open-native
+  show-play-btn
+  object-fit="contain"
+  bindpause="bindpause"
+  bindended="bindended"
+  bindplay="bindplayByVideo"
+  class="video my-video [display:flex] [&_.video_cover]:[width:100%] [&_.video_cover]:[height:100%] [&_.video_cover]:[position:relative] [&_.video_play_icon]:[position:absolute] [&_.video_play_icon]:[left:50%] [&_.video_play_icon]:[top:50%] [&_.video_play_icon]:[transform:translate(-50%,_-50%)] [&_.video_play_icon]:[z-index:5] [&_.video_txt]:[margin:10rpx_auto]"
+  bindfullscreenchange="bindfullscreenchange"
+>
+  <view class="video_cover" wx:if="{{isShow}}">
+    <view class="my-cover-img">
+      <slot name="cover-img" />
+    </view>
+    <view class="video_play_icon my-play-icon" bindtap="bindplay">
+      <slot name="play-icon" />
+    </view>
+  </view>
+</video>
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {}
+}</json>

package/templates/wevu-retail/src/pages/goods/comments/components/comments-card/index.vue

@@ -0,0 +1,93 @@
+<script lang="ts">
+Component({
+  externalClasses: ['wr-class'],
+  options: {
+    multipleSlots: true,
+  },
+  properties: {
+    goodsDetailInfo: {
+      type: String,
+      value: '',
+    },
+    sellerReply: {
+      type: String,
+      value: '',
+    },
+    userHeadUrl: {
+      type: String,
+      value: '',
+    },
+    userName: {
+      type: String,
+      default: '',
+    },
+    commentContent: {
+      type: String,
+      value: '',
+    },
+    commentScore: {
+      type: Number,
+      value: 0,
+    },
+    commentTime: {
+      type: String,
+      value: '',
+    },
+    commentResources: {
+      type: Array,
+      value: [],
+    },
+  },
+
+  data: {
+    showMoreStatus: false,
+    showContent: false,
+    hideText: false,
+    eleHeight: null,
+    overText: false,
+    isDisabled: true,
+    startColors: ['#FFC51C', '#DDDDDD'],
+  },
+  methods: {},
+});
+</script>
+
+<template>
+<view class="comments-card-item wr-class [padding:32rpx] [display:flex] [background-color:#fff] [position:relative]">
+  <view class="comments-card-item-container [width:100%] [&_.comments-title]:[display:flex] [&_.comments-title]:[align-items:center] [&_.comments-title]:[position:relative] [&_.comments-card-reply]:[background-color:#f5f5f5] [&_.comments-card-reply]:[padding:24rpx_16rpx] [&_.comments-card-reply]:[margin-top:24rpx] [&_.comments-card-reply_.prefix]:[font-size:26rpx] [&_.comments-card-reply_.prefix]:[font-weight:bold] [&_.comments-card-reply_.prefix]:[color:#666666] [&_.comments-card-reply_.content]:[font-size:26rpx] [&_.comments-card-reply_.content]:[color:#666666]">
+    <view class="comments-title [&_.userName]:[font-size:26rpx] [&_.userName]:[color:#333333] [&_.userName]:[margin-left:24rpx] [&_.commentTime]:[font-size:24rpx] [&_.commentTime]:[color:#999999] [&_.commentTime]:[position:absolute] [&_.commentTime]:[right:0]">
+      <view class="comments-card-item-userImg [display:flex] [&_.userImg]:[width:64rpx] [&_.userImg]:[height:64rpx] [&_.userImg]:[border-radius:50%]">
+        <t-image t-class="userImg" src="{{userHeadUrl}}" />
+      </view>
+      <view class="userName">{{userName}}</view>
+      <text class="commentTime">{{commentTime}}</text>
+    </view>
+    <view class="comments-info [display:flex] [align-items:center] [margin-top:18rpx] [&_.rate]:[margin-right:24rpx] [&_.goods-info-text]:[font-size:24rpx] [&_.goods-info-text]:[color:#999999]">
+      <view class="rate">
+        <t-rate value="{{commentScore}}" size="14" gap="2" color="{{['#ffc51c', '#ddd']}}" />
+      </view>
+      <view class="goods-info-text" wx:if="{{goodsDetailInfo}}">{{goodsDetailInfo}}</view>
+    </view>
+    <view class="comments-card-item-container-content [margin-top:16rpx] [position:relative] [&_.content-text]:[font-size:28rpx] [&_.content-text]:[white-space:normal] [&_.content-text]:[word-break:break-all] [&_.content-text]:[font-weight:normal] [&_.hide-text]:[overflow:hidden] [&_.hide-text]:[text-overflow:ellipsis] [&_.hide-text]:[-webkit-line-clamp:5] [&_.hide-text]:[text-align:justify] [&_.hide-text]:[display:-webkit-box] [&_.hide-text]:[-webkit-box-orient:vertical] [&_.showMore]:[position:absolute] [&_.showMore]:[width:112rpx] [&_.showMore]:[height:36rpx] [&_.showMore]:[bottom:0] [&_.showMore]:[right:0] [&_.showMore]:[background:linear-gradient(_to_right,_rgba(255,_255,_255,_0.2)_0,_rgba(255,_255,_255,_0.45)_20%,_rgba(255,_255,_255,_0.7)_25%,_rgba(255,_255,_255,_0.9)_30%,_rgba(255,_255,_255,_0.95)_35%,_#ffffff_50%,_#fff_100%_)] [&_.showMore]:[font-size:26rpx] [&_.showMore]:[color:#fa550f] [&_.showMore]:[line-height:36rpx] [&_.showMore]:[text-align:right]">
+      <view class="content-text" hidden="{{showContent}}"> {{commentContent}} </view>
+    </view>
+    <view class="comments-card-item-container-image [margin-top:24rpx] [display:flex] [justify-content:space-between] [flex-wrap:wrap] [&_.commentImg]:[border-radius:8rpx] [&_.commentImg]:[margin-top:12rpx] [&_.commentImg3]:[width:196rpx] [&_.commentImg3]:[height:196rpx] [&_.commentImg2]:[width:300rpx] [&_.commentImg2]:[height:300rpx] [&_.commentImg1]:[width:404rpx] [&_.commentImg1]:[height:404rpx]" wx:if="{{commentResources.length > 0}}">
+      <images-videos resources="{{commentResources}}" />
+    </view>
+    <view class="comments-card-reply" wx:if="{{sellerReply}}">
+      <text class="prefix">店家回复：</text>
+      <text class="content">{{sellerReply}}</text>
+    </view>
+  </view>
+</view>
+</template>
+
+<json>
+{
+  "component": true,
+  "usingComponents": {
+    "t-rate": "tdesign-miniprogram/rate/rate",
+    "images-videos": "./components/images-videos",
+    "t-image": "/components/webp-image/index"
+  }
+}</json>

package/templates/wevu-retail/src/pages/goods/comments/create/index.vue

@@ -0,0 +1,196 @@
+<script lang="ts">
+// import { getCommentDetail } from '../../../../services/good/comments/fetchCommentDetail';
+import Toast from 'tdesign-miniprogram/toast/index';
+Page({
+  data: {
+    serviceRateValue: 1,
+    goodRateValue: 1,
+    conveyRateValue: 1,
+    isAnonymous: false,
+    uploadFiles: [],
+    gridConfig: {
+      width: 218,
+      height: 218,
+      column: 3,
+    },
+    isAllowedSubmit: false,
+    imgUrl: '',
+    title: '',
+    goodsDetail: '',
+    imageProps: {
+      mode: 'aspectFit',
+    },
+  },
+
+  onLoad(options) {
+    this.setData({
+      imgUrl: options.imgUrl,
+      title: options.title,
+      goodsDetail: options.specs,
+    });
+  },
+
+  onRateChange(e) {
+    const { value } = e?.detail;
+    const item = e?.currentTarget?.dataset?.item;
+    this.setData({ [item]: value }, () => {
+      this.updateButtonStatus();
+    });
+  },
+
+  onAnonymousChange(e) {
+    const status = !!e?.detail?.checked;
+    this.setData({ isAnonymous: status });
+  },
+
+  handleSuccess(e) {
+    const { files } = e.detail;
+
+    this.setData({
+      uploadFiles: files,
+    });
+  },
+
+  handleRemove(e) {
+    const { index } = e.detail;
+    const { uploadFiles } = this.data;
+    uploadFiles.splice(index, 1);
+    this.setData({
+      uploadFiles,
+    });
+  },
+
+  onTextAreaChange(e) {
+    const value = e?.detail?.value;
+    this.textAreaValue = value;
+    this.updateButtonStatus();
+  },
+
+  updateButtonStatus() {
+    const { serviceRateValue, goodRateValue, conveyRateValue, isAllowedSubmit } = this.data;
+    const { textAreaValue } = this;
+    const temp = serviceRateValue && goodRateValue && conveyRateValue && textAreaValue;
+    if (temp !== isAllowedSubmit) this.setData({ isAllowedSubmit: temp });
+  },
+
+  onSubmitBtnClick() {
+    const { isAllowedSubmit } = this.data;
+    if (!isAllowedSubmit) return;
+    Toast({
+      context: this,
+      selector: '#t-toast',
+      message: '评价提交成功',
+      icon: 'check-circle',
+    });
+    wx.navigateBack();
+  },
+});
+</script>
+
+<template>
+<view class="page-container [&_.comment-card]:[padding:24rpx_32rpx_28rpx] [&_.comment-card]:[background-color:#ffffff] [&_.t-checkbox__bordered]:[display:none] [&_.anonymous-box]:[display:flex] [&_.anonymous-box]:[align-items:center] [&_.anonymous-box]:[padding-top:52rpx] [&_.anonymous-box_.name]:[font-size:28rpx] [&_.anonymous-box_.name]:[font-weight:normal] [&_.anonymous-box_.name]:[color:#999999] [&_.anonymous-box_.name]:[padding-left:28rpx] [&_.t-checkbox]:[padding:0rpx] [&_.t-checkbox__content]:[display:none] [&_.t-checkbox__icon-left]:[margin-right:0rpx] [&_.upload-container]:[margin-top:24rpx] [&_.t-upload__wrapper]:[border-radius:8rpx] [&_.t-upload__wrapper]:[overflow:hidden] [&_.submmit-bar]:[position:fixed] [&_.submmit-bar]:[left:0] [&_.submmit-bar]:[right:0] [&_.submmit-bar]:[bottom:0] [&_.submmit-bar]:[z-index:12] [&_.submmit-bar]:[padding:12rpx_32rpx] [&_.submmit-bar]:[padding-bottom:env(safe-area-inset-bottom)] [&_.submmit-bar]:[background-color:#fff] [&_.submmit-bar]:[height:112rpx] [&_.submmit-bar-button]:[border-radius:48rpx] [&_.submmit-bar-button]:[padding:0] [&_.t-upload__close-btn]:[background-color:rgba(0,_0,_0,_0.4)] [&_.t-upload__close-btn]:[border-bottom-left-radius:8rpx] [&_.t-upload__close-btn]:[width:36rpx] [&_.t-upload__close-btn]:[height:36rpx]">
+  <view class="comment-card [&_.goods-info-container_.goods-image]:[width:112rpx] [&_.goods-info-container_.goods-image]:[height:112rpx] [&_.goods-info-container_.goods-image]:[border-radius:8rpx] [&_.goods-info-container]:[display:flex] [&_.goods-info-container]:[align-items:center] [&_.goods-info-container_.goods-title-container]:[padding-left:24rpx] [&_.goods-info-container_.goods-title]:[font-size:28rpx] [&_.goods-info-container_.goods-title]:[font-weight:normal] [&_.goods-info-container_.goods-detail]:[font-size:24rpx] [&_.goods-info-container_.goods-detail]:[font-weight:normal] [&_.goods-info-container_.goods-detail]:[color:#999999] [&_.goods-info-container_.goods-detail]:[margin-top:16rpx] [&_.rate-container]:[display:flex] [&_.rate-container]:[align-items:center] [&_.rate-container]:[margin-top:22rpx] [&_.rate-container_.rate-title]:[font-size:28rpx] [&_.rate-container_.rate-title]:[font-weight:bold] [&_.rate-container_.rate-title]:[margin-right:12rpx] [&_.textarea-container]:[margin-top:22rpx] [&_.textarea-container_.textarea]:[height:294rpx] [&_.textarea-container_.textarea]:[background-color:#f5f5f5] [&_.textarea-container_.textarea]:[border-radius:16rpx] [&_.textarea-container_.textarea]:[font-size:28rpx] [&_.textarea-container_.textarea]:[font-weight:normal] [&_.convey-comment-title]:[font-size:28rpx] [&_.convey-comment-title]:[font-weight:bold]">
+    <view class="goods-info-container">
+      <view class="goods-image-container">
+        <t-image t-class="goods-image" src="{{imgUrl}}" />
+      </view>
+      <view class="goods-title-container">
+        <view class="goods-title">{{title}}</view>
+        <view class="goods-detail">{{goodsDetail}}</view>
+      </view>
+    </view>
+    <view class="rate-container">
+      <text class="rate-title">商品评价</text>
+      <view class="rate">
+        <t-rate
+          value="{{goodRateValue}}"
+          bind:change="onRateChange"
+          size="26"
+          gap="6"
+          color="{{['#ffc51c', '#ddd']}}"
+          data-item="goodRateValue"
+        />
+      </view>
+    </view>
+    <view class="textarea-container">
+      <t-textarea
+        t-class="textarea"
+        maxlength="{{500}}"
+        indicator
+        placeholder="对商品满意吗？评论一下"
+        bind:change="onTextAreaChange"
+      />
+    </view>
+    <view class="upload-container [&_.upload-addcontent-slot]:[font-size:26rpx]">
+      <t-upload
+        media-type="{{['image','video']}}"
+        files="{{uploadFiles}}"
+        bind:remove="handleRemove"
+        bind:success="handleSuccess"
+        gridConfig="{{gridConfig}}"
+        imageProps="{{imageProps}}"
+      />
+    </view>
+
+    <view class="anonymous-box">
+      <t-checkbox bind:change="onAnonymousChange" checked="{{isAnonymous}}" color="#FA4126" />
+      <view class="name">匿名评价</view>
+    </view>
+  </view>
+</view>
+<view class="comment-card convey-card [background-color:#ffffff] [margin-top:24rpx] [padding:32rpx] [padding-bottom:calc(env(safe-area-inset-bottom)_+_140rpx)] [&_.goods-info-container_.goods-image]:[width:112rpx] [&_.goods-info-container_.goods-image]:[height:112rpx] [&_.goods-info-container_.goods-image]:[border-radius:8rpx] [&_.goods-info-container]:[display:flex] [&_.goods-info-container]:[align-items:center] [&_.goods-info-container_.goods-title-container]:[padding-left:24rpx] [&_.goods-info-container_.goods-title]:[font-size:28rpx] [&_.goods-info-container_.goods-title]:[font-weight:normal] [&_.goods-info-container_.goods-detail]:[font-size:24rpx] [&_.goods-info-container_.goods-detail]:[font-weight:normal] [&_.goods-info-container_.goods-detail]:[color:#999999] [&_.goods-info-container_.goods-detail]:[margin-top:16rpx] [&_.rate-container]:[display:flex] [&_.rate-container]:[align-items:center] [&_.rate-container]:[margin-top:22rpx] [&_.rate-container_.rate-title]:[font-size:28rpx] [&_.rate-container_.rate-title]:[font-weight:bold] [&_.rate-container_.rate-title]:[margin-right:12rpx] [&_.textarea-container]:[margin-top:22rpx] [&_.textarea-container_.textarea]:[height:294rpx] [&_.textarea-container_.textarea]:[background-color:#f5f5f5] [&_.textarea-container_.textarea]:[border-radius:16rpx] [&_.textarea-container_.textarea]:[font-size:28rpx] [&_.textarea-container_.textarea]:[font-weight:normal] [&_.convey-comment-title]:[font-size:28rpx] [&_.convey-comment-title]:[font-weight:bold] [&_.rate-container_.rate-title]:[font-weight:normal]">
+  <view class="convey-comment-title">物流服务评价</view>
+  <view class="rate-container">
+    <text class="rate-title">物流评价</text>
+    <view class="rate">
+      <t-rate
+        value="{{conveyRateValue}}"
+        bind:change="onRateChange"
+        variant="filled"
+        size="26"
+        gap="6"
+        color="{{['#ffc51c', '#ddd']}}"
+        data-item="conveyRateValue"
+      />
+    </view>
+  </view>
+  <view class="rate-container">
+    <text class="rate-title">服务评价</text>
+    <view class="rate">
+      <t-rate
+        value="{{serviceRateValue}}"
+        bind:change="onRateChange"
+        size="26"
+        gap="6"
+        color="{{['#ffc51c', '#ddd']}}"
+        data-item="serviceRateValue"
+      />
+    </view>
+  </view>
+</view>
+<view class="submit-button-container [padding:12rpx_32rpx] [display:flex] [width:100vw] [box-sizing:border-box] [justify-content:center] [position:fixed] [bottom:0] [padding-bottom:calc(env(safe-area-inset-bottom)_+_20rpx)] [background-color:#ffffff] [z-index:99]">
+  <t-button
+    content="提交"
+    block
+    shape="round"
+    t-class="submit-button{{isAllowedSubmit ? '' : '-disabled'}}"
+    bind:tap="onSubmitBtnClick"
+  />
+</view>
+<t-toast id="t-toast" />
+</template>
+
+<json>
+{
+  "navigationBarTitleText": "评价商品",
+  "usingComponents": {
+    "t-image": "/components/webp-image/index",
+    "t-rate": "tdesign-miniprogram/rate/rate",
+    "t-textarea": "tdesign-miniprogram/textarea/textarea",
+    "t-checkbox": "tdesign-miniprogram/checkbox/checkbox",
+    "t-button": "tdesign-miniprogram/button/button",
+    "t-upload": "tdesign-miniprogram/upload/upload",
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "t-toast": "tdesign-miniprogram/toast/toast"
+  }
+}</json>