使用AUI框架開發微信小程序

前言:

之前開發小程序一直都是自己寫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


界面效果:


代碼:

2、百度雲盤下載,提取碼:yq44

補充:

需要說明一下:
1、小程序不支持"*" 選擇器,aui.css中含有“*"選擇器的都已被我註釋掉了;
2、記得將<img src="" />換成<image src=""></image>"

最後的最後,附上自己的小技巧,在hbuilder上開發靜態頁面(只爲代碼提示),然後將 div 全部替換爲 view,最後再複製到微信開發工具上寫js代碼。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章