作者：骆树真次_902 | 来源：互联网 | 2023-08-31 17:06
page.vue 中template
1
2
3
4
5
6
7
8
9
10
11
| 相似门店 ![]() {{ item.shopNm }} |
page.vue 中style
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| .similarShop {
background-color: #ececec;
.title {
padding-left: 0.44rem;
line-height: 0.8rem;
color: #333;
}
.view {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.container {
overflow: hidden;
position: relative;
margin-left: 0.44rem;
margin-bottom: 0.4rem;
}
// item
.item {
float: left;
width: 2.8rem;
margin-right: 0.2rem;
color: #666;
line-height: 0.6rem;
img {
float: left;
width: 100%;
height: 2.8rem;
border: solid 1px #666;
box-sizing: border-box;
}
}
} |
问题：
1、直接新建一个html文件 左右滑动很流畅（项目一期也是这么干的）
2、vue项目中运行必须长按才可以左右滑动，同时有警告信息[webpack打包，pc浏览器版本一样，vue页面运行有警告，但流畅滑动，手机端上就卡顿，必须长按才可以滑动]。
1
| shop.chunk.js:1 Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 |
不知道有没有好的解决方案，初步的想法是：需要通过自定义指令监听touchmove事件。
京公网安备 11010802041100号