作者:herogus丶,来自原文地址
前言:之前开发小程序一直都是自己写css代码,这样做极其考验耐性,开发效率又特别的低,于是突发奇想能不能用AUI开发微信小程序。忙碌了近两个小时,也算是小有成效。下面就和大家分享一下。 难点:
1、如何引入外部.wxss文件;
2、AUI原生图标不能使用问题;
想了半天也就觉得只有这两点可以说一说。
解决方法:
1、难点一解决方法:
使用@import语句。在需要引入外部.wxss文件上方添加如下语句即可:@import "../../lib/aui.wxss";
2、难点二解决方法: 原因:微信小程序识别不了@font-face里url地址,url地址需要使用base64编码实现(即小程序如何引入外部字体问题)。小程序引入外部字体(图标)参考链接:https://blog.csdn.net/wangyu519/article/details/53486569
界面效果:代码:
1、CSDN资源库下载
2、cb_小程序AUI框架模板.zip
补充:
需要说明一下小程序不支持“*” 选择器,所以我就把aui.css中含有“*”选择器的都注释掉了(其实没几个)。
|
使用AUI框架开发微信小程序
发布:2018-04-18 09:54浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08