chore(组件): 组件尽量使用异步导入模式
This commit is contained in:
@@ -12,9 +12,11 @@
|
||||
<view class="status-name color-base-text" v-if="item.refund_status == -1">退款失败</view>
|
||||
</view>
|
||||
<view class="goods-wrap">
|
||||
<image :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)" mode="aspectFill" :lazy-load="true"></image>
|
||||
<image :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)"
|
||||
mode="aspectFill" :lazy-load="true"></image>
|
||||
<view class="goods-info">
|
||||
<view class="goods-name" @click="refundDetail(item.order_goods_id)">{{ item.sku_name }}</view>
|
||||
<view class="goods-name" @click="refundDetail(item.order_goods_id)">{{ item.sku_name
|
||||
}}</view>
|
||||
<view class="goods-num">
|
||||
<view class="num-text color-base-text">{{ item.refund_status_name }}</view>
|
||||
<view class="num-price">
|
||||
@@ -27,17 +29,14 @@
|
||||
<view class="goods-btn">
|
||||
<view class="btn-text">
|
||||
<text>共{{ item.num }}件商品</text>
|
||||
<text>退款:¥{{ item.refund_status == 3 ? item.refund_real_money : item.refund_apply_money }}</text>
|
||||
<text>退款:¥{{ item.refund_status == 3 ? item.refund_real_money :
|
||||
item.refund_apply_money }}</text>
|
||||
</view>
|
||||
<view class="order-action">
|
||||
<view class="order-box-btn" @click="refundDetail(item.order_goods_id)">查看详情</view>
|
||||
<block v-if="item.refund_action.length">
|
||||
<view
|
||||
class="order-box-btn"
|
||||
@click="refundAction(actionItem.event, item)"
|
||||
v-for="(actionItem, actionIndex) in item.refund_action"
|
||||
:key="actionIndex"
|
||||
>
|
||||
<view class="order-box-btn" @click="refundAction(actionItem.event, item)"
|
||||
v-for="(actionItem, actionIndex) in item.refund_action" :key="actionIndex">
|
||||
{{ actionItem.title }}
|
||||
</view>
|
||||
</block>
|
||||
@@ -46,7 +45,8 @@
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
<view class="cart-empty" v-if="showEmpty"><ns-empty :isIndex="false" :text="$lang('emptyTips')"></ns-empty></view>
|
||||
<view class="cart-empty" v-if="showEmpty"><ns-empty :isIndex="false"
|
||||
:text="$lang('emptyTips')"></ns-empty></view>
|
||||
</block>
|
||||
</view>
|
||||
</block>
|
||||
@@ -56,17 +56,12 @@
|
||||
|
||||
<script>
|
||||
import refundMethod from './public/js/refundMethod.js';
|
||||
import MescrollUni from "@/components/mescroll/my-list-mescroll.vue";
|
||||
import nsEmpty from '@/components/ns-empty/ns-empty.vue';
|
||||
import nsLogin from '@/components/ns-login/ns-login.vue';
|
||||
import loadingCover from '@/components/loading-cover/loading-cover.vue';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
MescrollUni,
|
||||
nsEmpty,
|
||||
nsLogin,
|
||||
loadingCover
|
||||
MescrollUni: () => import('@/components/mescroll/my-list-mescroll.vue'),
|
||||
nsEmpty: () => import('@/components/ns-empty/ns-empty.vue'),
|
||||
nsLogin: () => import('@/components/ns-login/ns-login.vue'),
|
||||
loadingCover: () => import('@/components/loading-cover/loading-cover.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -154,8 +149,10 @@ export default {
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.cart-empty {
|
||||
padding-top: 308rpx !important;
|
||||
}
|
||||
|
||||
@import './public/css/activist.scss';
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user