前言:
之前開發小程序一直都是自己寫css代碼,這樣做極其考驗耐性,開發效率又特別的低,於是突發奇想能不能用AUI開發微信小程序。忙碌了近兩個小時,也算是小有成效。下面就和大家分享一下。
難點:
解決方法:
@import
語句。在需要引入外部.wxss文件上方添加如下語句即可:@import
"../../lib/aui.wxss";2、難點二解決方法:
原因:微信小程序識別不了@font-face裏url地址,url地址需要使用base64編碼實現(即小程序如何引入外部字體問題)。
小程序引入外部字體(圖標)參考鏈接:http://blog.csdn.net/wangyu519/article/details/53486569
界面效果:
代碼:
補充:
1、小程序不支持"*" 選擇器,aui.css中含有“*"選擇器的都已被我註釋掉了;
2、記得將<img src="" />換成<image src=""></image>"
最後的最後,附上自己的小技巧,在hbuilder上開發靜態頁面(只爲代碼提示),然後將 div 全部替換爲 view,最後再複製到微信開發工具上寫js代碼。