fuint-uniapp-master/pages/comment/index.vue

(开头部分) 6KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ use: false }" :up="upOption"
    @up="upCallback">
    <!-- tab栏 -->
    <u-tabs :list="tabs" :is-scroll="false" :current="curTab" active-color="#FA2209" :duration="0.2" @change="onChangeTab" />

    <!-- 商品评价列表 -->
    <view class="comment-list">
      <view class="comment-item" v-for="(item, index) in list.data" :key="index">
        <view class="item-head">
          <!-- 用户信息 -->
          <view class="user-info">
            <image class="user-avatar" mode="aspectFill" :src="item.user.avatar_url"></image>
            <text class="user-name f-26">{{ item.user.nick_name }}</text>
          </view>
          <!-- 评星 -->
          <u-rate active-color="#f4a213" :current="rates[item.score]" :disabled="true" />
          <!-- 评价日期-->
          <view class="flex-box f-22 col-9 t-r">{{ item.create_time }}</view>
        </view>
        <!-- 评价内容 -->
        <view class="item-content m-top20">
          <text class="f-26">{{ item.content }}</text>
        </view>
        <!-- 评价图片 -->
        <view class="images-list clearfix" v-if="item.images.length">
          <view class="image-preview" v-for="(image, imgIdx) in item.images" :key="imgIdx">
            <image class="image" mode="aspectFill" :src="image.image_url" @click="onPreviewImages(index, imgIdx)"></image>
          </view>
        </view>
        <!-- 商品规格 -->
        <view class="goods-props clearfix">
          <view class="goods-props-item" v-for="(props, idx) in item.orderGoods.goods_props" :key="idx">
            <text class="group-name">{{ props.group.name }}: </text>
            <text>{{ props.value.name }};</text>
          </view>
        </view>
      </view>
    </view>
  </mescroll-body>
</template>

<script>
  import MescrollBody from '@/components/mescroll-uni/mescroll-body.vue'
  import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins'
  import { getEmptyPaginateObj, getMoreListData } from '@/utils/app'
  import * as CommentApi from '@/api/comment'

  const pageSize = 15
  const tabs = [{
    name: `全部`,
    scoreType: -1
  }, {
    name: `好评`,
    scoreType: 10
  }, {
    name: `中评`,
    scoreType: 20
  }, {
    name: `差评`,
后面还有 216 行代码,购买后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

还没有人解读过这个文件。