参考官方教程[基于subnview模式的原生tab](http://ask.dcloud.net.cn/article/12602)，想把中间文字换成自定义的ICON。在[阿里巴巴矢量图标库](http://iconfont.cn/)中导出ttf资源后，替换到工程的fonts目录下，并修改代码中的text值。  
结果在Android中，正常显示；但在IOS中，图标不识别（显示为问号）。  
解决方法：  
导出ttf资源时，修改ICONFONT项目（没有就先创建）：“更多操作”-》“编辑项目”，将“Font Family”改成非“iconfont”的值，再导出。  

H5 plus + HUI + ECSHOP APP实战教程 《仿京东优选商城》已发布！课程目录：

【前端】
入口页面布局、侧滑商品分类切换
商品列表数据加载，含：AJAX数据交互、刷新、加载
商品详情页面开发
用户注册、用户登录系统开发
商品收藏功能开发
账户中心页面开发、注销功能开发
头像剪裁、上传功能开发
我的收藏页面开发
商品搜索功能开发
购物车功能开发
结算页面布局，选择地址按钮部署，沉浸式
客户收货地址列表、添加地址、选择地址
订单提交、生成订单功能开发
微信支付功能开发

【后端】
php 环境部署 ecshop安装
开发自己的API调试器（php版本）
后端API开发
微信支付后端详解
支付成功后服务器端接收、处理支付消息（异步通知）

累加8小时视频教程，，满满干货！提供相关相关的所有源码、数据字典、安装包、使用手册等资料。
不会后端可以直接使用教程内的接口，无需开发自己的服务端！

教程地址
https://ke.qq.com/course/225830#tuin=4f8da6

优惠38元（100张 一个月内有效），优惠券地址：
https://ke.qq.com/p/zNzbm6yb

下一步课程计划： node.js (会js的同学即可学会的后端)， vue.js

仓库地址

News_QK

这是什么

这是一个高可复用的资讯App外观界面，包括：

• 主界面

• 文章详情页

示例(gif)：

首页(jpg)：

文章详情页(jpg)：

如何开始

下载HBuilder，将.project文件拖入HBuilder后选择"运行"-"真机运行"。

两种下拉刷新模式

双webview模式（默认）

App入口：Views/listview_pullRefreshMain.html

功能文件：Views/listview_pullRefreshMain.html , Views/listview_pullRefreshSub.html

单webview模式

App入口：Views/listview.html

功能文件：Views/listview.html

贡献

欢迎 pull requests .

致谢

• MUI框架
• Hello MUI App: "从列表到详情最佳实践"

开源协议

MIT

Javascript:

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth
来源：http://ask.dcloud.net.cn/question/10639

代码如下：

function goqq(qqUrl){  
    var mContext = plus.android.runtimeMainActivity();  
    var Uri = plus.android.importClass('android.net.Uri');  
    var Intent = plus.android.importClass('android.content.Intent')  
    var intent = new Intent(Intent.ACTION_VIEW, Uri.parse(qqUrl));  
    mContext.startActivity(intent);  
}  
goqq('mqqwpa://im/chat?chat_type=wpa&uin=100000&version=1');

官方教程我看了好久才看明白，最后看了阿里巴巴阿里巴巴矢量图帮助网址；，今天周日，现在分享下我的方法！
第一步：
登录阿里巴巴矢量图网站，也可直接复制后面网址：http://www.iconfont.cn/

普通用户直接选择微博登录，有时候会登录失败！
PS：请清除浏览器缓存再刷新几次，说不定就可以了！或者重启电脑，等等，各种方法都可以试试！！！
第二步：
登录成功之后可以直接搜索自己想要的图标即可！右上角那里有图标库，也可以选择相同风格或者彩色图标，

第三步：
搜索到自己想要的图标也可以从图标库浏览找到之后鼠标移动到图标上，会出现三个选项，点击上面购物车图标可以加入购物车！
如果需要多张图标，每个都加入购物车即可！

第四步：
图标选择完毕后，找到购物车，如果没有购物车可以下拉一下网页就有了，或者自己慢慢找找，你添加的图标都在购物车里！

第五步：
把你所有图片点击添加到项目，然后点击右边一个加号文件夹图标，就可以添加项目名称，输入你想要项目名称，这个可以随便输入。

第六步：
找到你刚才项目，点击下载到本地即可！或者也可以用远程链接，都可以，我是下载到本地项目里！

第七步：
把下载文件加压出来！

以底部导航为例
原来代码：【 <a class="mui-tab-item">
<span class="mui-icon mui-icon-phone"></span>
<span class="mui-tab-label">电话</span>
</a>
】
替换后代码：【
<a class="mui-tab-item mui-active">
<span class="mui-icon">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ziyuan"></use>
</svg>
</span>
<span class="mui-tab-label">首页</span>
</a>
】

图标代码可以去阿里巴巴矢量图库，找到你的项目，复制代码即可，是在弄个不懂可以看图，

第十步：
阿里巴巴矢量图帮助网址；阿里巴巴矢量图帮助网址； http://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code

直接查看symbol引用

点击一个电脑上不存在的浏览器出现这个，

点击浏览器跟着设置路径就ok了

更改mui.previewimage.js文件 如下
31行增加下面代码：
作用，初始化 mui.previewImage({fWebview:['apps/home.html','apps/menu.html']});
传入需要处理的 Webview 也就是被挡住的 id

    var myFweb = this.options.fWebview||[];  
        this.fWebview = [];  
        for (var i in myFweb) {  
            var styles = plus.webview.getWebviewById(myFweb[i]).getStyle()||{};  
            this.fWebview.push({id:myFweb[i],styles:styles});  
        }  
        var myStyle = plus.webview.currentWebview().getStyle();  
        this.fWebview.push({id:myStyle.name,styles:myStyle});

300 多行 改open 函数

proto.open = function(index, group) {  
    //修改页面样式都隐藏  
    for (var i in this.fWebview) {  
            var nowStyles = {top:0,bottom:-this.fWebview[i].styles.height||0};  
            if(typeof this.fWebview[i].styles.top == 'undefined')delete nowStyles.top;  
            if(this.fWebview[i].styles.bottom >0 )nowStyles.bottom = 0;  
            plus.webview.getWebviewById(this.fWebview[i].id).setStyle(nowStyles);  
        }

320 多行 改close 函数

    proto.close = function(index, group) {  
        //还原原来的样式  
        for (var i in this.fWebview) {  
            var nowStyles = this.fWebview[i].styles;  
            var setStyles = {top:nowStyles.top,bottom:nowStyles.bottom};  
            if(typeof setStyles.top == 'undefined')delete setStyles.top;  
            plus.webview.getWebviewById(this.fWebview[i].id).setStyle(setStyles);  
        }  

搞定，参考了好多问这个问题的 总结了下。给需要的人方便

封装自定义插件,实现js层调用Java层代码;