使用AUI框架开发微信小程序
来源:互联网 发布:python 文件读写 删除 编辑:程序博客网 时间:2024/05/29 12:37
前言:
之前开发小程序一直都是自己写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代码。
0 0
- 使用AUI框架开发微信小程序
- [AUI] Liferay AUI editable的使用
- AUI 滚动视图使用
- H5 AUI 使用总结
- AUI个人使用总结
- wxWidgets 的 aui 使用心得
- wxWidgets 的 aui 使用心得
- wxWidgets 的 aui 使用心得
- 微信小程序开发--框架
- Liferay的AUI框架如何学习
- [转贴]wxWidgets 的 aui 使用心得
- 程序开发为什么要使用框架
- 微信小程序开发框架搭建
- 微信小程序模块化开发框架
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app
- 打造“微信小程序”组件化开发框架
- Python 列表(list)、字典(dict)、字符串(string)常用基本操作小结
- HTTP协议详解
- html学习文档总结
- 大数据处理为何选择Spark,而不是Hadoop
- 设计模式之状态模式
- 使用AUI框架开发微信小程序
- myeclipse+tomcat 热部署
- k8s1.6伸缩性升级,支持处理5000 Node 和 15 万个 Pod
- Android随机验证码的生成
- #1139 : 二分·二分答案
- iOS开发-SourceTree+oschina代码托管
- Xcode之自定义代码块
- ionic2使用心得(1)
- 【讨论】下一代操作系统可能就是IoT操作系统吗?