weex 学习: 添加图标(使用阿里吧吧-icon)
Posted wuss
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了weex 学习: 添加图标(使用阿里吧吧-icon)相关的知识,希望对你有一定的参考价值。
添加图标(使用阿里吧吧-icon)
<text slot="left" class="header-left"></text>
import utils from ‘../../../utils/utils‘
export default { toParams(obj) { var param = "" for (const name in obj) { if (typeof obj[name] != ‘function‘) { param += "&" + name + "=" + encodeURI(obj[name]) } } return param.substring(1) }, initIcon() { const dom = weex.requireModule(‘dom‘) let platform = weex.config.env.platform.toLowerCase() let url if (platform == ‘android‘) { url = "url(‘local:///iconfont.ttf‘)" } else if (platform == ‘ios‘) { url = "url(‘local:///iconfont.ttf‘)" } else { url = "url(‘http://at.alicdn.com/t/font_934596_a7f58hu92e.ttf?v=" + new Date().getTime() + "‘)" } dom.addRule(‘fontFace‘, { ‘fontFamily‘: "iconfont", ‘src‘: url }) }, isPhone(phone) { var myreg = /^[1][3,4,5,7,8][0-9]{9}$/ if (!myreg.test(phone)) { return false } else { return true } } }
created() {
utils.initIcon()
},
.warp-icon { font-family: iconfont; color: #2FD0AE; font-size: 24px; height: 36px; line-height: 36px; width: 46px; padding-right:30px; }
以上是关于weex 学习: 添加图标(使用阿里吧吧-icon)的主要内容,如果未能解决你的问题,请参考以下文章