From 491249bdf736a5f7d50417c889ad2db734b12383 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期四, 07 九月 2023 10:22:07 +0800 Subject: [PATCH] 操作指引修改 --- pages/driver-page/drvier-my/drvier-my.vue | 79 ++++++++++++++++++++++++++++++++------- 1 files changed, 64 insertions(+), 15 deletions(-) diff --git a/pages/driver-page/drvier-my/drvier-my.vue b/pages/driver-page/drvier-my/drvier-my.vue index 27c9a74..c03d621 100644 --- a/pages/driver-page/drvier-my/drvier-my.vue +++ b/pages/driver-page/drvier-my/drvier-my.vue @@ -116,16 +116,22 @@ mode="widthFix"></image> <view class="label-text">杞﹀ご杞﹀熬杞﹁韩鐓х墖</view> </view> - <view class="img-container" - v-for="item in userInfo.bodyCarImg"> - <u--image :showLoading="true" - :src="BaseUrl+item" - width="80px" - height="80px" - @click="imageClickCarBody(item)"> - <view slot="error" - style="font-size: 24rpx;">鍔犺浇澶辫触</view> - </u--image> + <view class="img-container special"> + <view class="img-container_item" + v-for="item in userInfo.bodyCarImg"> + <u--image :showLoading="true" + :src="BaseUrl+item" + width="80px" + height="80px" + @click="imageClickCarBody(item)"> + <view slot="error" + style="font-size: 24rpx;">鍔犺浇澶辫触</view> + </u--image> + </view> + </view> + <view style="display: flex;align-items: center;height: 100%; width: 150rpx;" + v-if='userInfo.bodyCarImg?(userInfo.bodyCarImg.length===0?true:false):true'> + 鏆傛棤鍥剧墖 </view> </view> <view class="car-img"> @@ -154,6 +160,31 @@ @click="logout" shape="circle" plain></u-button></view> + </view> + <!-- 寮曞椤� --> + <view class="noob-tour" + style="margin-top: 80rpx;"> + <combined-title title="鎿嶄綔鎸囧紩"></combined-title> + <u-cell-group> + <u-cell title="鏂版墜鎸囧紩" + name='1' + :clickable="true" + @click="noobTour"> + <u-badge type="primary" + value="01" + slot='icon'></u-badge> + <u-icon slot="value" + name="arrow-right" + size="30" + color="#b8b8b8"></u-icon> + </u-cell> + </u-cell-group> + </view> + <!-- 鍥剧墖棰勮寮瑰嚭妗� --> + <view class="previewImage-container"> + <previewImage ref="previewImage" + :imgs="TourImgList" + :saveBtn='false'></previewImage> </view> <!-- 鍥剧墖棰勮寮瑰嚭妗� --> @@ -326,7 +357,13 @@ import { BaseUrl } from '@/api/publicInterface.js'; import { mapMutations } from 'vuex'; import { onlineurl } from '@/api/request.js' + import combinedTitle from '@/components/combined-title/combined-title.vue'; + import previewImage from '@/components/kxj-previewImage/kxj-previewImage.vue'; export default { + components: { + combinedTitle, + previewImage + }, data() { return { // 鑾峰彇鐨勫徃鏈鸿鎯� @@ -475,6 +512,14 @@ name: '钃濊壊', value: '钃濊壊' } + ], + TourImgList: ['https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg', + 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj2.jpg', + 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj3.jpg', + 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj4.jpg', + 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj5.jpg', + 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj6.jpg', + 'https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj7.jpg' ], }; }, @@ -672,11 +717,8 @@ logoutCancel() { this.logoutShow = false; }, - // 璺宠浆鍙戣繍缁熻椤甸潰 - statistics() { - uni.navigateTo({ - url: '/pages/customer-page/customer-my/faYunstatistics/faYunstatistics' - }); + noobTour() { + this.$refs.previewImage.open('https://mx.jzeg.cn:9095/appimg/image/tour/driver/sj1.jpg') } } }; @@ -852,6 +894,13 @@ height: 50rpx; } } + + .special { + width: 100%; + flex-wrap: wrap; + height: 100%; + @include flex; + } } } } -- Gitblit v1.9.1