wx-open-launch-weapp放到轮播图上导致不能滑动
时间: 2024-01-19 17:05:18 浏览: 24
根据提供的引用内容,可以看出在使用`wx-open-launch-weapp`标签时,将其放置在轮播图上可能会导致不能滑动的问题。为了解决这个问题,可以尝试以下替换方案:
1. 使用绝对布局占满需要点击的区域:
```html
<div style="position: relative;">
<wx-open-launch-weapp id="launch-btn" appid="xxxxx" path="pages/xxx/xxx" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
<!-- 在这里添加需要点击的内容 -->
</wx-open-launch-weapp>
</div>
```
2. 替换方案:在标签中写图片时,点击无效问题:
```html
<div style="position: relative;">
<wx-open-launch-weapp id="launch-btn" appid="xxxxx" path="pages/xxx/xxx" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
<img src="your-image-url" style="width: 100%; height: 100%;" />
</wx-open-launch-weapp>
</div>
```
这些替换方案可以解决`wx-open-launch-weapp`放到轮播图上导致不能滑动的问题。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)