weex加入图标可能是项目开发中最头疼的事情了,还好有 阿里巴巴矢量图标库解决了开发时的图标问题,下面我们一起来踩坑吧<text class="left"></text> <style> .left{ font-family:iconfont }</style>data(){...},methods:{...}, created (){var domModule=weex.requireModule("dom");d…

添加图标(使用阿里吧吧-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] != 'func…

首先这段代码来自 zwwill在github上的 weex网易严选项目 他是在utils下封装了一个方法 let utilFunc = { initIconFont () { let domModule = weex.requireModule('dom'); domModule.addRule('fontFace', { 'fontFamily': "iconfont", 'src': "url('http://at.alicdn.com/t/font_630973_b31…

Weex学习与实践(一):Weex,你需要知道的事 本文主要介绍包括Weex基本介绍.Weex源码结构.初始化工程.we代码结构.Weex的生命周期.Weex的工作原理.页面间通信.boxmodel & flexbox.weex的缺点 基本介绍 A framework for building Mobile cross-platform UI 怎么解释它呢?我的理解就是weex = react-native +vue ,使用vue的API风格,两端的实现方式则和react-native,weex…

1.自定义  过滤函数 src / filters / index.js /** * 自定义 过滤函数 */ export function host (url) { if (!url) return '' const host = url.replace(/^https?:\/\//, '').replace(/\/.*$/, '') const parts = host.split('.').slice(-3) if (parts[0] === 'www') parts.shift() re…

1.安装  路由模块  及  状态管理模块 npm install vue-router --save npm install vuex --save 2.自定义  TabBar  组件 src / components / TabBar.vue TabBar.vue <!-- 底部选项卡 --> <template> <div class="wrapper"> <div class="bar-item" @click=&q…

一.创建 远程 icon 步骤一:打开  阿里巴巴矢量图标库 官网:http://www.iconfont.cn/ 步骤二:选择项目需要的 icon 步骤三:添加到项目(没有项目会自动创建) 步骤四:创建项目 步骤五:查看在线链接 步骤六:复制远程地址 步骤七:封装工具类 便于全局调用 util.js /** * 工具类 */ let utilFunc = { initIconFont () { let domModule = weex.requireModule('dom'); domModu…

github地址:weexSafeKeyboard 效果图: 技术依赖:框架:weex+vue 弹出层:weex-ui 图标:iconfont 说明:1.如果不想用到weex-ui,可以把inputkey.vue文件里的wxc-popup组件去掉,按自己的弹窗实现即可: 2.删除.大小写.空格图标用的是iconfont;如不想用请自行替换; 本项目是放在本地,以安卓为例:android/app/src/main/assets/iconfont 3.密码可见.不可见图标按钮用的是common.js…

这个就是一个练手的基础性的demo,不过也是有很多值得学习的东西的 效果如下 项目地址为:https://github.com/h5weex/h5weex-example 可能是我找到的项目比较少,很少有博主能够让我吹爆它的彩虹屁的~ 博主readme中的tnpm就按照平时的npm install就好,它还提到了一个 我觉得非常的有意思,weex的jsbundle用于客户端运行,如果要用 web 的形式打开这个 weex 页面,需要新建一个 html 文件, 把这个 jsbundle 文件以 s…

Nvue/Weex 使用Uniapp做了一个App,感觉性能不是很好,了解过Uniapp的Nvue,就想做一个纯Nvue项目,其实基本就是做一个Weex项目,不得不说坑是真的多,但是渲染性能真的是没得比 本项目开发环境为 UNIAPP 的 纯NVUE 项目,与WEEX有不同之处 https://github.com/WindrunnerMax/SW 一. CSS选择器 1. 简单类选择器 /** Weex仅支持简单类选择器,不支持标签选择器以及子选择器 **/ /* 支持 */ .test{ p…