fuint-uniapp-master/pages/refund/detail.vue

(开头部分) 11KB

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

<template>
  <view v-if="!isLoading" class="container p-bottom">

    <!-- 顶部状态栏 -->
    <view class="detail-header dis-flex flex-y-center">
      <view class="header-backdrop">
        <image class="image" src="/static/order/refund-bg.png"></image>
      </view>
      <view class="header-state">
        <text class="f-32 col-f">{{ detail.state_text }}</text>
      </view>
    </view>

    <!-- 商品详情 -->
    <view class="detail-goods b-f m-top20 dis-flex flex-dir-row" @click="onGoodsDetail()">
      <view class="left">
        <image class="goods-image" :src="detail.orderGoods.goods_image"></image>
      </view>
      <view class="right dis-flex flex-box flex-dir-column flex-x-around">
        <view class="goods-name">
          <text class="twolist-hidden">{{ detail.orderGoods.goods_name }}</text>
        </view>
        <view class="dis-flex col-9 f-24">
          <view class="flex-box">
            <view class="goods-props clearfix">
              <view class="goods-props-item" v-for="(props, idx) in detail.orderGoods.goods_props" :key="idx">
                <text>{{ props.value.name }}</text>
              </view>
            </view>
          </view>
          <text class="t-r">×{{ detail.orderGoods.total_num }}</text>
        </view>
      </view>
    </view>

    <!-- 商品金额 -->
    <view class="detail-order b-f row-block">
      <view class="item dis-flex flex-x-end flex-y-center">
        <text class="">商品金额:</text>
        <text class="col-m">¥{{ detail.orderGoods.total_pay_price }}</text>
      </view>
    </view>

    <!-- 已退款金额 -->
    <view v-if="detail.status == 20 && detail.type == 10" class="detail-order b-f row-block dis-flex flex-x-end flex-y-center">
      <text class="">已退款金额:</text>
      <text class="col-m">¥{{ detail.refund_money }}</text>
    </view>

    <!-- 售后信息 -->
    <view class="detail-refund b-f m-top20">
      <view class="detail-refund__row dis-flex">
        <view class="text">
          <text>售后类型:</text>
        </view>
        <view class="flex-box">
          <text>{{ detail.type.text }}</text>
        </view>
      </view>
      <view class="detail-refund__row dis-flex">
后面还有 394 行代码,购买后查看完整代码

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

AI 解读 AI

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

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