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

@@ -1,5 +1,5 @@
<template>
<view>
<view :style="themeColor">
<view class="about w100">
<view class="list_cotact padding-top">
<view class="container">
@@ -8,7 +8,9 @@
<view class="bl clearfix bor bg-white">
<block v-if="item.$orig.case_type === 0">
<view class="video-container">
<video class="adaptive-video" style="height:400rpx;" autoPauseIfNavigate="true" autoPauseIfOpenNative="true" autoplay="false" enableAutoRotation="true" id="myVideo" :poster="item.g0" :src="item.g1" controls="true"></video>
<video class="adaptive-video" style="height:400rpx;" autoPauseIfNavigate="true"
autoPauseIfOpenNative="true" autoplay="false" enableAutoRotation="true" id="myVideo"
:poster="item.g0" :src="item.g1" controls="true"></video>
</view>
</block>
<block v-if="item.$orig.case_type === 1">
@@ -17,16 +19,16 @@
</view>
</block>
<view style="padding:20rpx;">
<view style="font-size:36rpx;font-weight:600;">{{item.$orig.title}}</view>
<view>{{item.$orig.desc}}</view>
<view style="font-size:24rpx;color:#888;padding-top:20rpx;">{{"完成时间:" + item.g3}}</view>
<view style="font-size:36rpx;font-weight:600;">{{ item.$orig.title }}</view>
<view>{{ item.$orig.desc }}</view>
<view style="font-size:24rpx;color:#888;padding-top:20rpx;">{{ "完成时间:" + item.g3 }}</view>
<block v-if="item.$orig.files_url">
<view @tap="toDetail(item.$orig)" class="item">
<view class="article-img">
<image class="cover-img" :src="item.g4" mode="widthFix" @error="imgError(index)"></image>
</view>
<view class="info-wrap">
<view class="title">{{item.$orig.files_title}}</view>
<view class="title">{{ item.$orig.files_title }}</view>
<view class="read-wrap">
<text>查看PDF文件</text>
</view>
@@ -59,13 +61,15 @@
<view class="fui-cell">
<view class="fui-cell-label">联系方式</view>
<view class="fui-cell-info">
<input class="fui-input" maxlength="11" placeholder="请输入您的手机号" type="number" v-model="Form.mobile" />
<input class="fui-input" maxlength="11" placeholder="请输入您的手机号" type="number"
v-model="Form.mobile" />
</view>
</view>
<view class="fui-cell">
<view class="fui-cell-label" style="position:absolute;top:10px;">留言内容</view>
<view class="fui-cell-info" style="margin-left:160rpx;border:solid 2rpx #eee;">
<textarea class="textarea" style="font-size:28rpx;padding:10rpx;" placeholder="请输入留言内容" v-model="Form.remark"></textarea>
<textarea class="textarea" style="font-size:28rpx;padding:10rpx;" placeholder="请输入留言内容"
v-model="Form.remark"></textarea>
</view>
</view>
</view>
@@ -77,9 +81,11 @@
</view>
</uni-popup>
</view>
<uni-popup ref="videoPopup" class="vue-ref" style="background:transparent;width:100%;height:100%;" type="center" @change="videochange">
<uni-popup ref="videoPopup" class="vue-ref" style="background:transparent;width:100%;height:100%;" type="center"
@change="videochange">
<view class="video-container" style="position:fixed;top:30%;width:100%;left:0;">
<video class="adaptive-video" autoPauseIfNavigate="true" autoPauseIfOpenNative="true" autoplay="false" enableAutoRotation="true" id="myVideo" :src="video_url" controls="true"></video>
<video class="adaptive-video" autoPauseIfNavigate="true" autoPauseIfOpenNative="true" autoplay="false"
enableAutoRotation="true" id="myVideo" :src="video_url" controls="true"></video>
</view>
</uni-popup>
</view>
@@ -88,6 +94,9 @@
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
uniPopup: () => import('@/components/uni-popup/uni-popup.vue'),
},
data() {
return {
dataList: [],
@@ -113,7 +122,7 @@ export default {
},
components: {
uniPopup
},
},
methods: {
init() {
this.$api.sendRequest({
@@ -535,14 +544,15 @@ image {
height: 60rpx;
}
.list_cotact .bor .name, .view_ul_100 .name {
.list_cotact .bor .name,
.view_ul_100 .name {
font-size: 32rpx;
line-height: 44rpx;
margin-top: 20rpx;
color: #fff;
}
.list_cotact .view_ul_one .view_li:nth-child(1) > button {
.list_cotact .view_ul_one .view_li:nth-child(1)>button {
background: #0054a5;
height: 200rpx;
line-height: 20rpx;
@@ -563,7 +573,7 @@ image {
width: 100%;
}
.view_ul_100 > view {
.view_ul_100>view {
background: #fff;
}
@@ -577,12 +587,12 @@ image {
margin-top: 0;
}
.list_cotact .view_ul_two .view_li > view {
.list_cotact .view_ul_two .view_li>view {
background-color: #fff;
padding: 20rpx 30rpx 0rpx 30rpx;
}
.list_cotact .view_ul_two .view_li > view .address {
.list_cotact .view_ul_two .view_li>view .address {
background-color: #5dc2d0;
color: #fff;
display: inline-block;