chore(组件): 组件尽量使用异步导入模式

This commit is contained in:
2026-01-04 14:40:00 +08:00
parent 4da852944e
commit 9415f397d2
172 changed files with 11520 additions and 10979 deletions

View File

@@ -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>