美文网首页
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