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-10-10 21:38:02 4 + * @LastEditTime: 2024-10-11 13:48:14
5 * @FilePath: /map-demo/src/views/bieyuan/info.vue 5 * @FilePath: /map-demo/src/views/bieyuan/info.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -13,8 +13,9 @@ ...@@ -13,8 +13,9 @@
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, index) in page_details.banner" :key="index"> 16 + <van-swipe-item v-for="(image, index) in page_details.banner" :key="index" style="position: relative;">
17 <van-image fit="cover" width="100%" :height="img_height" :src="image" @click="onClickImg(index)" /> 17 <van-image fit="cover" width="100%" :height="img_height" :src="image" @click="onClickImg(index)" />
18 + <img src="https://cdn.ipadbiz.cn/bieyuan/map/icon/pageShade@3x.png" style="width: 100%; height: 5rem; position: absolute; right: 0; left: 0; bottom: 0;" alt="">
18 </van-swipe-item> 19 </van-swipe-item>
19 </van-swipe> 20 </van-swipe>
20 </van-config-provider> 21 </van-config-provider>
...@@ -404,8 +405,9 @@ const onStatusAudioList = (status) => { // 音频列表组件,状态改变 ...@@ -404,8 +405,9 @@ const onStatusAudioList = (status) => { // 音频列表组件,状态改变
404 left: 0; 405 left: 0;
405 right: 0; 406 right: 0;
406 height: 1rem; 407 height: 1rem;
407 - box-shadow: rgba(241, 242, 248, 0.6) 0px -3px 25px 15px; 408 + // box-shadow: rgba(241, 242, 248, 0.6) 0px -3px 25px 15px;
408 - background-color: #f7f7f7; 409 + // background-color: #f7f7f7;
410 + background-color: #fff;
409 margin: 0 1rem; 411 margin: 0 1rem;
410 border-top-left-radius: 0.5rem; 412 border-top-left-radius: 0.5rem;
411 border-top-right-radius: 0.5rem; 413 border-top-right-radius: 0.5rem;
......