Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore(build): 调整个别组件的位置，减少对主包尺寸的影响

Browse Source
This commit is contained in:
ZF Sun
2026-01-16 12:00:21 +08:00
parent 08880a15df
commit 5b9bef9214
33 changed files with 1588 additions and 1106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

181
pages_tool/contact/contact.vue
View File

@@ -11,7 +11,8 @@
style="background: #1daa39;width: 100%;border-radius: 10rpx;">
<view class="bl bor" style="box-sizing: border-box;">
<image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
<view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}</view>
<view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}
</view>
</view>
</view>
</view>
@@ -28,7 +29,8 @@
<view @click="tapMessage" class="view_li w50_li text-center">
<view class="bl bor" style="box-sizing: border-box;">
<image mode="heightFix" :src="$util.img('public/static/img/liuyan.png')"></image>
<view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}</view>
<view class="name bl line1" style="margin-top: 6rpx;">{{ $lang('onlineMessage') }}
</view>
</view>
</view>
</view>
@@ -52,7 +54,8 @@
<image mode="widthFix" :src="$util.img('public/static/img/boda.png')"
style="margin-top: 8rpx;margin-right: 10rpx;"></image>
<view style="flex: 1;">{{ item.mobile }}</view>
<view class="btn-container" @click="Tel(item.mobile)"><span class="contact-btn" style="background: #0054a5;">{{ $lang('call') }}</span>
<view class="btn-container" @click="Tel(item.mobile)"><span class="contact-btn"
style="background: #0054a5;">{{ $lang('call') }}</span>
</view>
</view>
<view class="contact_name" v-if="item.email"
@@ -60,7 +63,8 @@
<image mode="widthFix" :src="$util.img('public/static/img/emall.png')"
style="margin-top: 8rpx;margin-right: 10rpx;"></image>
<view style="flex: 1;">{{ item.email }}</view>
<view class="btn-container" @click="copy(item.email)"><span class="contact-btn" style="background: #0054a5;">{{ $lang('copy') }}</span>
<view class="btn-container" @click="copy(item.email)"><span class="contact-btn"
style="background: #0054a5;">{{ $lang('copy') }}</span>
</view>
</view>
</view>
@@ -72,11 +76,13 @@
<view class="section-title">企业文件</view>
<view class="files-list">
<view v-for="(file, index) in fileList" :key="index" class="file-item">
<image mode="aspectFill" :src="$util.img('public/static/img/pdf-icon.png')" class="file-icon"></image>
<image mode="aspectFill" :src="$util.img('public/static/img/pdf-icon.png')"
class="file-icon"></image>
<view class="file-info">
<view class="file-name">{{ file.name }}</view>
<view class="file-actions">
<button class="file-btn share-btn" @click="shareFile(file)">{{ $lang('share') }}</button>
<button class="file-btn share-btn" @click="shareFile(file)">{{ $lang('share')
}}</button>
</view>
</view>
</view>
@@ -86,15 +92,17 @@
<view class="view_videos_container" v-if="showVideoListDiy && videoList.length > 0">
<view class="section-title">企业视频</view>
<view class="videos-list">
<view v-for="(video, index) in videoList" :key="index" class="video-item" @click="playVideo(video)">
<view v-for="(video, index) in videoList" :key="index" class="video-item"
@click="playVideo(video)">
<image mode="aspectFill" :src="video.coverUrl" class="video-cover"></image>
<view class="video-play-btn">
<image mode="aspectFill" :src="$util.img('public/static/img/play-icon.png')" class="play-icon"></image>
<image mode="aspectFill" :src="$util.img('public/static/img/play-icon.png')"
class="play-icon"></image>
</view>
<view class="video-title">{{ video.title }}</view>
</view>
</view>
</view>
</view>
<!-- 视频号视频列表 -->
<view class="view_channel_container" v-if="showChannelListDiy && channelList.length > 0">
@@ -106,7 +114,7 @@
showViewCount: Boolean(diyChannelSettings.channel_show_view_count),
titleLineClamp: parseInt(diyChannelSettings.channel_title_line_clamp),
showPlayBtn: Boolean(diyChannelSettings.channel_show_play_btn),
}" @channel-video-click-play="onChannelVideoClickPlay"/>
}" @channel-video-click-play="onChannelVideoClickPlay" />
</view>
<!-- 地图 -->
@@ -115,13 +123,14 @@
:longitude="shop.longitude" :latitude="shop.latitude" show-location>
<cover-view
style="position:absolute;right:10px;bottom:30rpx;z-index:9;background:#4d83ff;padding:5px 10px;wxcs_style_padding:10rpx 20rpx;border-radius:8rpx;color: #fff;"
@click="tomap"><cover-view style="font-size:24rpx">{{ $lang('oneClickNavigation') }}</cover-view>
@click="tomap"><cover-view style="font-size:24rpx">{{ $lang('oneClickNavigation')
}}</cover-view>
</cover-view>
</map>
</view>
</view>
</view>
</view>
<!--留言弹窗-->
<view class="goods-sku">
<uni-popup ref="informationPopup" type="bottom" @change="change">
@@ -136,50 +145,35 @@
<view class="fui-cell ">
<view class="fui-cell-label ">{{ $lang('name') }}</view>
<view class="fui-cell-info">
<input
id="input-realname"
:value="Form.realname"
@input="e => Form.realname = e.detail.value"
class="fui-input"
:placeholder="$lang('pleaseEnterName')"
:key="formKey"
/>
<input id="input-realname" :value="Form.realname"
@input="e => Form.realname = e.detail.value" class="fui-input"
:placeholder="$lang('pleaseEnterName')" :key="formKey" />
</view>
</view>
<view class="fui-cell ">
<view class="fui-cell-label">{{ $lang('contactInfo') }}</view>
<view class="fui-cell-info">
<input
id="input-mobile"
:value="Form.mobile"
@input="e => Form.mobile = e.detail.value"
class="fui-input"
maxlength="11"
:placeholder="$lang('pleaseEnterMobile')"
type="number"
:key="formKey"
/>
<input id="input-mobile" :value="Form.mobile"
@input="e => Form.mobile = e.detail.value" class="fui-input" maxlength="11"
:placeholder="$lang('pleaseEnterMobile')" type="number" :key="formKey" />
</view>
</view>
<view class="fui-cell ">
<view class="fui-cell-label" style="position: absolute;top:10px">{{ $lang('messageContent') }}</view>
<view class="fui-cell-label" style="position: absolute;top:10px">{{
$lang('messageContent') }}</view>
<view class="fui-cell-info" style="margin-left: 160rpx;border: solid 2rpx #eee;">
<!-- <input v-model="Form.mailbox" class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
<textarea
id="textarea-remark"
:value="Form.remark"
@input="e => Form.remark = e.detail.value"
class="textarea"
:placeholder="$lang('pleaseEnterMessage')"
style="font-size: 28rpx;padding: 10rpx;"
:key="formKey"
></textarea>
<!-- <input v-model="Form.mailbox" class="fui-input" placeholder="请输入您的邮箱" type="text" ></input> -->
<textarea id="textarea-remark" :value="Form.remark"
@input="e => Form.remark = e.detail.value" class="textarea"
:placeholder="$lang('pleaseEnterMessage')"
style="font-size: 28rpx;padding: 10rpx;" :key="formKey"></textarea>
</view>
</view>
</view>
</view>
</scroll-view>
<view class="button-box"><button type="primary" @click="save()">{{ $lang('submit') }}</button></view>
<view class="button-box"><button type="primary" @click="save()">{{ $lang('submit') }}</button>
</view>
</view>
</uni-popup>
</view>
@@ -188,15 +182,14 @@
<diy-bottom-nav></diy-bottom-nav>
<!-- 视频播放弹窗 -->
<ns-video-player-popup
ref="videoPlayerPopup"
:current-video="currentVideo"
@popup-change="onVideoPopupChange"
></ns-video-player-popup>
<ns-video-player-popup ref="videoPlayerPopup" :current-video="currentVideo"
@popup-change="onVideoPopupChange"></ns-video-player-popup>
</view>
</template>
<script>
import { copyText, makePhoneCall, openLocation } from '@/common/js/uniapp.utils.js';
import scroll from '@/common/js/scroll-view.js';
import shareUtil from '@/common/js/share.js';
@@ -220,11 +213,11 @@ export default {
diyChannelSettings: {
channel_display_style: 'fixed',
channel_aspect_ratio: '16:9',
channel_show_view_count: true,
channel_row_count: 2,
channel_title_line_clamp: 2,
channel_show_play_btn: true,
channel_aspect_ratio: '16:9',
channel_show_view_count: true,
channel_row_count: 2,
channel_title_line_clamp: 2,
channel_show_play_btn: true,
}, // 自定义设置
ismessage: 0,
@@ -238,16 +231,16 @@ export default {
markers: [
{
id: 1,
/* width:20, //宽度
height:20, //高度*/
// iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
//这里的经纬度是 目的地 的经纬度
/* width:20, //宽度
height:20, //高度*/
// iconPath: '../../static/goal_weizhi.png', //目标位置图标路径
//这里的经纬度是 目的地 的经纬度
latitude: 0,
longitude: 0,
callout: {
/* title:123,
content:'123' */
}
/* title:123,
content:'123' */
}
}
],
landline: 0,
@@ -295,7 +288,7 @@ export default {
this.showMapDiy = res.diy.is_map == 1;
this.showVideoListDiy = res.diy.is_video == 1;
this.showFileListDiy = res.diy.is_file == 1;
this.showChannelListDiy = res.diy.is_channel == 1;
this.showChannelListDiy = res.diy.is_channel == 1;
// 遍历res.diy所有key，然后判断key前缀包含channel_，如果包含，就赋值给diyChannelSettings
for (let key in res.diy) {
@@ -305,7 +298,7 @@ export default {
}
}
},
fail: res => {}
fail: res => { }
});
},
methods: {
@@ -321,7 +314,7 @@ export default {
channel_id: item.channelId
},
success: res => {
},
fail: res => {
}
@@ -350,7 +343,7 @@ export default {
// 弹窗关闭时重置当前视频
this.currentVideo = null;
}
},
},
save() {
if (!this.Form.realname.trim()) {
uni.showToast({ title: '请填写姓名', icon: 'none' });
@@ -439,36 +432,15 @@ export default {
},
Tel(m) {
uni.makePhoneCall({
phoneNumber: m + '',
success(e) {
console.log(e);
}
});
makePhoneCall(m);
},
copy(text) {
uni.setClipboardData({
data: text,
success: () => {
uni.showToast({
title: this.$lang('copySuccess'),
icon: 'success',
duration: 2000
});
},
fail: (err) => {
uni.showToast({
title: err.message || err.errMsg || this.$lang('copyFailed'),
icon: 'none',
duration: 2000
});
}
});
copyText(text, { copySuccess: this.$lang('copySuccess'), copyFailed: this.$lang('copyFailed') });
},
tomap() {
uni.openLocation({
openLocation({
latitude: parseFloat(this.shop.latitude),
longitude: parseFloat(this.shop.longitude),
name: this.$lang('oneClickNavigation'),
@@ -625,12 +597,13 @@ image {
position: relative;
z-index: 0;
}
image {
max-width: 100%;
max-width: 100%;
}
.bl {
display: block;
display: block;
}
.line1 {
@@ -669,12 +642,13 @@ image {
line-height: 20rpx;
border-radius: 10rpx;
}
.view_ul_100 .fl {
width: 10%;
width: 10%;
}
.view_ul_100 .fr {
/* padding-left: 30rpx;*/
/* padding-left: 30rpx;*/
width: 100%;
}
@@ -696,25 +670,27 @@ image {
.list_cotact .view_ul_100>view {
padding: 20rpx 30rpx 0rpx 30rpx;
}
.list_cotact .view_ul_two .view_li>view {
background-color: #fff;
padding: 20rpx 30rpx 0rpx 30rpx;
background-color: #fff;
padding: 20rpx 30rpx 0rpx 30rpx;
}
.list_cotact .view_ul_two .view_li>view .address {
background-color: #5dc2d0;
color: #fff;
display: inline-block;
font-size: 28rpx;
line-height: 48rpx;
margin-bottom: 30rpx;
padding: 0 30rpx;
width: auto;
background-color: #5dc2d0;
color: #fff;
display: inline-block;
font-size: 28rpx;
line-height: 48rpx;
margin-bottom: 30rpx;
padding: 0 30rpx;
width: auto;
}
.view_ul_two {
margin-top: 20rpx;
margin-top: 20rpx;
}
.contact_name {
color: rgba(71, 71, 71, .79);
font-size: 24rpx;
@@ -896,5 +872,4 @@ image {
bottom: 180rpx !important;
/* #endif */
}
</style>