hookehuyr

fix

1 <!-- 1 <!--
2 * @Date: 2024-09-15 22:08:49 2 * @Date: 2024-09-15 22:08:49
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-23 10:52:10 4 + * @LastEditTime: 2024-09-23 11:22:37
5 * @FilePath: /map-demo/src/views/bieyuan/info.vue 5 * @FilePath: /map-demo/src/views/bieyuan/info.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 <div class="info-page"> 9 <div class="info-page">
10 <div class="info-header-wrapper"> 10 <div class="info-header-wrapper">
11 - <div v-if="showBack" style="position: absolute; top: 1rem; left: 0.5rem; z-index: 9;"> 11 + <div v-if="showBack && page_details.banner?.length" style="position: absolute; top: 1rem; left: 0.5rem; z-index: 9;">
12 <van-icon name="arrow-left" color="white" size="1.75rem" @click="goBack()" /> 12 <van-icon name="arrow-left" color="white" size="1.75rem" @click="goBack()" />
13 </div> 13 </div>
14 <van-config-provider :theme-vars="themeVars"> 14 <van-config-provider :theme-vars="themeVars">
15 <van-swipe class="my-swipe" indicator-color="#DD7850" lazy-render :autoplay="5000"> 15 <van-swipe class="my-swipe" indicator-color="#DD7850" lazy-render :autoplay="5000">
16 <van-swipe-item v-for="image in page_details.banner" :key="image"> 16 <van-swipe-item v-for="image in page_details.banner" :key="image">
17 - <van-image fit="cover" width="100%" height="13rem" :src="image" /> 17 + <van-image fit="fill" width="100%" height="15rem" :src="image" />
18 </van-swipe-item> 18 </van-swipe-item>
19 </van-swipe> 19 </van-swipe>
20 </van-config-provider> 20 </van-config-provider>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
28 </div> 28 </div>
29 <div class="info-sub-title">{{ page_details.note }}</div> 29 <div class="info-sub-title">{{ page_details.note }}</div>
30 </div> 30 </div>
31 - <div class=""> 31 + <div style="margin-top: 0.5rem;">
32 <van-config-provider :theme-vars="themeVars"> 32 <van-config-provider :theme-vars="themeVars">
33 <van-tabs ref="tabsRef" v-model:active="active" @click-tab="clickTab" color="#DD7850" title-active-color="#DD7850" title-inactive-color="#DD7850" sticky animated> 33 <van-tabs ref="tabsRef" v-model:active="active" @click-tab="clickTab" color="#DD7850" title-active-color="#DD7850" title-inactive-color="#DD7850" sticky animated>
34 <van-tab title="介 绍"> 34 <van-tab title="介 绍">
......
1 <!-- 1 <!--
2 * @Date: 2023-05-19 14:54:27 2 * @Date: 2023-05-19 14:54:27
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-23 10:50:53 4 + * @LastEditTime: 2024-09-23 11:11:19
5 * @FilePath: /map-demo/src/views/bieyuan/map.vue 5 * @FilePath: /map-demo/src/views/bieyuan/map.vue
6 * @Description: 公众地图主体页面 6 * @Description: 公众地图主体页面
7 --> 7 -->
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 src="https://cdn.ipadbiz.cn/bieyuan/map/icon/NAV@3x.png" 17 src="https://cdn.ipadbiz.cn/bieyuan/map/icon/NAV@3x.png"
18 /> 18 />
19 </div> 19 </div>
20 - <div style="position: absolute; top: 2rem; left: calc(50% - 1.5rem);"> 20 + <div style="position: absolute; top: 2rem; left: calc(50% - 1.5rem); opacity: 0.5;">
21 <van-image 21 <van-image
22 width="3rem" 22 width="3rem"
23 height="3rem" 23 height="3rem"
......