用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实用组件/插件 查看内容

使用AUI框架开发微信小程序

天下雪 2017-5-5 23:35

作者:herogus丶,来自原文地址前言:之前开发小程序一直都是自己写css代码,这样做极其考验耐性,开发效率又特别的低,于是突发奇想能不能用AUI开发微信小程序。忙碌了近两个小时,也算是小有成效。下面就和大家分 ...

作者:herogus丶,来自原文地址

前言:

之前开发小程序一直都是自己写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

界面效果:

代码:

补充:

需要说明一下小程序不支持“*” 选择器,所以我就把aui.css中含有“*”选择器的都注释掉了(其实没几个)。
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏

相关阅读