混编phonegap
1 phonegap
phonegap本身是一个开发平台,提供让js开发者直接调用手机底层硬件的功能。将程序上传至phonegap网站会自动打包程序生成app
国内中文phonegap网站:http://www.phonegap100.com/
官方网站:http://docs.phonegap.com/
- 硬件设备
device.platform 当前设备平台 android ios
device.uuid 设备编号 硬盘全球唯一编号 128
device.version 设备版号 4.4.0 - 相机
navigator.camera.getPicture(fn,fn,{quality:50});
fn 拍照成功 url 相片地址
fn 拍照失败
quality:50 延迟时间 - 录音
navigator.device.capture.captureAudio(fn,fn,{limit:2});
fn 录音成功 list array
fn 失败
{limit:2} 录制几段音频 - 蜂鸣震动
navigator.notification.beep(num);
连接蜂鸣 num 次数
navigator.notification.vibrate(num);
连续震动
num 时间毫秒数
2 pc端UI组件库
element ui
官方网站:http://element-cn.eleme.io/#/zh-CN
官方手册有示例及对应代码,非常多功能实现
下载:npm i element-ui -S
加载顺序:组件样式+vue.js+element.js
创建字体图标原理:
1)css声明字体
font-family:"element-icons"{
src:"./fonts/element.wtff"
}
2)选择字体类型
.icons {font:" element-icons “}
3) .icon-message{ 009:”/09Ea"}
4)使用<div class=“icons icon-message”>