配置全局less变量；解决iphoneX、 iphone8 plus 键盘退下去仍占空间，导致无法点击；vue-photo-preview 配置正常，但无法触发图片的预览

最新推荐文章于 2022-01-13 14:28:09 发布

Jerryman_GHJ

最新推荐文章于 2022-01-13 14:28:09 发布

阅读量283

点赞数

分类专栏： Vue 文章标签： less全局变量键盘退下去仍占据空间 vue-photo-preview点击无法触发预览

本文链接：https://blog.csdn.net/Jerryman_GHJ/article/details/102509900

版权

Vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1.配置全局less变量

pluginOptions: {
  "style-resources-loader": {
    preProcessor: "less",
    patterns: [
      path.resolve(__dirname, "./src/assets/style/variable.less")
    ]
  }
}

2.解决iphoneX、 iphone8 plus 键盘退下去仍占空间，导致无法点击

onBlur() {
  if (document.body) {
    setTimeout(() => {
      document.body.scrollIntoView(false);
      document.body.scrollTop = document.body.scrollTop;
    }, 20)
  }
}

3.vue-photo-preview 配置正常，但无法触发图片的预览

<transition name="fade" v-show="!!item.picture">
  <ul class="trade-pics">
    <li class="trade-pic" v-for="pic in (item.picture ? item.picture.split(';') : [])" >
      <img :src="pic" alt="加载失败" :preview="index + 10">
    </li>
  </ul>
</transition>