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

@@ -9,12 +9,15 @@
<text class="iconfont icon-bangzhu"></text>
活动说明
</view>
<image class="font" :src="$util.img('public/uniapp/member/invite/top_font.png')" mode="widthFix"/>
<image class="font" :src="$util.img('public/uniapp/member/invite/top_font.png')" mode="widthFix" />
<view class="time">
活动时间{{ $util.timeStampTurnTime(info.start_time, 1) }}{{ $util.timeStampTurnTime(info.end_time, 1) }}
活动时间{{ $util.timeStampTurnTime(info.start_time, 1) }}{{ $util.timeStampTurnTime(info.end_time, 1)
}}
</view>
<view class="btn" :style="{ 'background-image': 'url(' + $util.img('public/uniapp/member/invite/top_btn.png') + ')' }" @click="openSharePopup">立即邀请</view>
<view class="btn"
:style="{ 'background-image': 'url(' + $util.img('public/uniapp/member/invite/top_btn.png') + ')' }"
@click="openSharePopup">立即邀请</view>
</view>
<view class="content invite-list">
<view class="title">我的好友</view>
@@ -23,7 +26,8 @@
<view class="invitelist">
<view class="list-item" v-for="(item, index) in inviteList" :key="index">
<view class="img color-base-border">
<image mode="aspectFit" :src="item.headimg == '' ? $util.img($util.getDefaultImage().head) : $util.img(item.headimg)"/>
<image mode="aspectFit"
:src="item.headimg == '' ? $util.img($util.getDefaultImage().head) : $util.img(item.headimg)" />
</view>
<view class="list-left">
<view class="info">
@@ -43,11 +47,13 @@
</view>
</view>
</view>
<view class="more_invite color-tip font-size-tag " @click="moreList" v-if="isClick && total_num > page">
<view class="more_invite color-tip font-size-tag " @click="moreList"
v-if="isClick && total_num > page">
查看更多
<text class="iconfont icon-iconangledown"></text>
</view>
<view class="more_invite color-tip font-size-tag " @click="moreList" v-if="!isClick && inviteList.length > 5 && total_num <= page">没有更多数据了</view>
<view class="more_invite color-tip font-size-tag " @click="moreList"
v-if="!isClick && inviteList.length > 5 && total_num <= page">没有更多数据了</view>
</view>
</block>
<block v-else>
@@ -62,7 +68,7 @@
<view class="invite_active">
<view class="list">
<view class="item" v-if="$util.inArray('balance', info.type) != -1">
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill"/>
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill" />
<view class="desc">
<view class="price">
<text class="font-size-base">{{ $lang('common.currencySymbol') }}</text>
@@ -73,7 +79,7 @@
</view>
<view class="item" v-if="$util.inArray('point', info.type) != -1">
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill"/>
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill" />
<view class="desc">
<view class="price">
<text>{{ parseInt(info.point) }}</text>
@@ -128,7 +134,7 @@
<view class="step">
<view>
<view class="img">
<image :src="$util.img('public/uniapp/member/invite/fenxiang.png')" mode="aspectFit"/>
<image :src="$util.img('public/uniapp/member/invite/fenxiang.png')" mode="aspectFit" />
</view>
<view class="text">分享链接给好友</view>
</view>
@@ -137,7 +143,7 @@
</view>
<view>
<view class="img">
<image :src="$util.img('public/uniapp/member/invite/shouji.png')" mode="aspectFit"/>
<image :src="$util.img('public/uniapp/member/invite/shouji.png')" mode="aspectFit" />
</view>
<view class="text">好友进入</view>
</view>
@@ -146,7 +152,7 @@
</view>
<view>
<view class="img">
<image :src="$util.img('public/uniapp/member/invite/hongbao.png')" mode="aspectFit"/>
<image :src="$util.img('public/uniapp/member/invite/hongbao.png')" mode="aspectFit" />
</view>
<view class="text">好友注册成功获得奖励</view>
</view>
@@ -231,56 +237,55 @@
</template>
<script>
import inviteFriends from './public/js/invite_friends.js';
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: {
nsEmpty,
nsLogin,
loadingCover
},
data() {
return {
inviteList: [],
info: null,
page: 1,
page_size: 5,
total_num: 0,
isClick: true,
poster: '-1', //海报
posterMsg: '' //海报错误信息
};
},
onLoad(option) {
this.getBaseInfo();
if (this.storeToken) {
this.getList();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/invite_friends');
});
}
},
onShow() {},
mixins: [inviteFriends],
onReady() {}
};
import inviteFriends from './public/js/invite_friends.js';
export default {
components: {
uniPopup: () => import('@/components/uni-popup/uni-popup.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 {
inviteList: [],
info: null,
page: 1,
page_size: 5,
total_num: 0,
isClick: true,
poster: '-1', //海报
posterMsg: '' //海报错误信息
};
},
onLoad(option) {
this.getBaseInfo();
if (this.storeToken) {
this.getList();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/invite_friends');
});
}
},
onShow() { },
mixins: [inviteFriends],
onReady() { }
};
</script>
<style lang="scss">
@import './public/css/invite_friends.scss';
@import './public/css/invite_friends.scss';
</style>
<style lang="scss" scoped>
/deep/ .uni-popup__wrapper.bottom {
border-radius: 24rpx 24rpx 0 0;
}
/deep/ .uni-popup__wrapper.bottom {
border-radius: 24rpx 24rpx 0 0;
}
</style>
<style scoped>
.poster-layer>>>.uni-popup__wrapper-box {
max-height: initial !important;
}
.poster-layer>>>.uni-popup__wrapper-box {
max-height: initial !important;
}
</style>