浏览代码

fix(swiper): 解决PC端轮播图滑动失效问题 #1217 (#1531)

peixinyu 3 年之前
父节点
当前提交
d7de9822f5
共有 2 个文件被更改,包括 5 次插入0 次删除
  1. 2 0
      src/packages/__VUE/swiper/index.scss
  2. 3 0
      src/packages/__VUE/swiperitem/index.scss

+ 2 - 0
src/packages/__VUE/swiper/index.scss

@@ -5,6 +5,8 @@
   transition-property: transform;
   transition-property: transform;
   box-sizing: content-box;
   box-sizing: content-box;
   overflow: hidden;
   overflow: hidden;
+  cursor: grab;
+  user-select: none;
   &-inner {
   &-inner {
     display: flex;
     display: flex;
     height: 100%;
     height: 100%;

+ 3 - 0
src/packages/__VUE/swiperitem/index.scss

@@ -1,3 +1,6 @@
 .nut-swiper-item {
 .nut-swiper-item {
   height: 100%;
   height: 100%;
+  img {
+    pointer-events: none;
+  }
 }
 }