🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### 前端UI 微擎手机端的UI基于 Mui 框架,在此基本上我们做了一些适配微信的修改(参考 WeUI 的样式及配色)。封装了一些常用的组件类似日期、地区、头像、上传图片等等组件,基本满足日常的开发需求。本章节也重点介绍一下手机端的一些组件调用及参数说明。 #### 前端JS 微擎前端JS大部分使用Mui的JS库,其JS是用原生JS书写而成。同时我们为了方便开发,也引入了jquery.2.x的库。我们将大量的组件封装至系统util.js中,直接引用到页面中无需要require加载。把一些组件例如地区、日期等等封装为requrejs组件,按需加载。 如果无特殊需要,基于可以满足日常的开发需求。建议大家直接使用。 >[warning] 如要使用该组件,请务必要包含系统公共的 header.html,引用方式为 {template 'common/header'} 如果特殊情况,无法引用系统头部文件,请自行引入以下文件 <br> <script type="text/javascript" src="{$_W['siteroot']}app/resource/js/app/common.js"></script><br><link href="{$_W['siteroot']}app/resource/css/common.min.css" rel="stylesheet"> ####参考资料 Mui文档:http://dev.dcloud.net.cn/mui/ui/ Mui示例:http://dcloud.io/hellomui/ WeUI项目:https://github.com/weui/weui #### 界面预览 #####登录界面 ![登录界面](https://box.kancloud.cn/2016-07-21_579028ace402f.png) #####资料设置 ![资料设置](https://box.kancloud.cn/2016-07-21_579028ad1a11a.png) #####头像设置 ![头像设置](https://box.kancloud.cn/2016-07-21_579028ad36939.png) #####会员卡 ![会员卡](https://box.kancloud.cn/2016-07-21_579028ad6c827.png)