使用vw适配手机端

vw.js文件

module.exports = {
  install: function (less, pluginManager, functions) {
    functions.add('vw', function (value) {
      return Number(value.value) / 750 * 100 + 'vw'
    })
  }
}

例如设计图是750,以750分辨率px转vw，然后引入在全局的less文件vw.js

@plugin './vw.js';
@themeColor: #337fe5;

使用方法

.ydfx {
    width: vw(88);
    height: vw(88);
    background-color: #fff;
    position: fixed;
    right: vw(30);
    top: 30%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;

    >img {
        width: vw(48);
        height: vw(48);
    }
}