美文网首页
wepy vant icon 本地路径不可用问题解决

wepy vant icon 本地路径不可用问题解决

作者: 6659a0f02826 | 来源:发表于2020-12-18 05:42 被阅读0次

引用vant的icon组件导致文件不可编译,原因是icon本地路径不识别,解决方案如下:
找到node_modules中vant下的dist或lib,找到里面的 wxs/utils.wxs

image.png image.png

代码:

var bem = require('./bem.wxs').bem;
var memoize = require('./memoize.wxs').memoize;
var addUnit = require('./add-unit.wxs').addUnit;

function isSrc(url) {
  return url.indexOf(".") === 0 || url.indexOf("/") === 0 || url.indexOf('http') === 0 || url.indexOf('data:image') === 0 || url.indexOf('//') === 0;
}

module.exports = {
  bem: memoize(bem),
  memoize: memoize,
  addUnit: addUnit,
  isSrc: isSrc
};

这样本地路径就可用了

<van-cell-group class="link-box"> 
        <van-cell 
            is-link
            title="更改授权手机号"
            link-type="navigateTo"
            url="/pages/account/changeTel"
            icon="/images/changetel_icon.png"
        />
        <van-cell 
            is-link
            title="注销账户"
            link-type="navigateTo"
            url="/pages/account/logout"
            icon="/images/logout_icon.png"
        />
    </van-cell-group>

相关文章

网友评论

      本文标题:wepy vant icon 本地路径不可用问题解决

      本文链接:https://www.haomeiwen.com/subject/epztnktx.html