使用AUI框架开发微信小程序
2017-05-04 17:36
906 查看
前言:
之前开发小程序一直都是自己写css代码,这样做极其考验耐性,开发效率又特别的低,于是突发奇想能不能用AUI开发微信小程序。忙碌了近两个小时,也算是小有成效。下面就和大家分享一下。难点:
1、如何引入外部.wxss文件;2、AUI原生图标不能使用问题;
想了半天也就觉得只有这两点可以说一说。
解决方法:
1、难点一解决方法:使用
@import语句。在需要引入外部.wxss文件上方添加如下语句即可:@import
"../../lib/aui.wxss";
2、难点二解决方法:
原因:微信小程序识别不了@font-face里url地址,url地址需要使用base64编码实现(即小程序如何引入外部字体问题)。
小程序引入外部字体(图标)参考链接:http://blog.csdn.net/wangyu519/article/details/53486569
界面效果:
代码:
1、CSDN资源库下载2、百度云盘下载,提取码:yq44
补充:
需要说明一下:1、小程序不支持"*" 选择器,aui.css中含有“*"选择器的都已被我注释掉了; 2、记得将<img src="" />换成<image src=""></image>"
最后的最后,附上自己的小技巧,在hbuilder上开发静态页面(只为代码提示),然后将 div 全部替换为 view,最后再复制到微信开发工具上写js代码。
相关文章推荐
- 快速了解微信小程序的使用,一个根据小程序的框架开发的 todos app
- PHPCMS微信小程序万能API接口模块,快速使用PHPCMS框架开发微信小程序
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 使用Vue.js开发微信小程序开源框架mpvue解析
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 微信开发准备(三)——框架以及工具的基本使用
- XMPP框架 微信项目开发之CoreData学习——使用CoreData建立多个数据库
- 使用J2ME技术开发RPG游戏(一)——程序框架
- eaglephp使用微信api接口开发微信框架
- 程序开发为什么要使用框架
- thinkphp框架使用sae开发微信应用
- XMPP框架 微信项目开发之XMPP框架中第三方框架CocoaAsyncSocket的使用——此框架其实是对C语言输入输出流的封装
- 使用J2ME技术开发RPG游戏(一)——程序框架
- eaglephp使用微信api接口开发微信框架
- 使用C#开发winform程序的界面框架
- XMPP框架 微信项目开发之XMPP配置(二)——安装配置客户端(Adium)和配置系统自带的信息程序,并对聊天进行测试
- vLang-基于模型的微信开发框架,使用Python
- 使用C#开发winform程序的界面框架