使用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

界面效果：

代码：

1、CSDN资源库下载

2、百度云盘下载，提取码：yq44

补充：

需要说明一下：

1、小程序不支持"*" 选择器，aui.css中含有“*"选择器的都已被我注释掉了；
2、记得将<img src="" />换成<image src=""></image>"

最后的最后，附上自己的小技巧，在hbuilder上开发静态页面（只为代码提示），然后将 div 全部替换为 view，最后再复制到微信开发工具上写js代码。

使用AUI框架开发微信小程序相关推荐

最近学习mpvue框架开发微信小程序,把wepy框架的项目实现到mpvue中,知道其中的一些两者之间的区别...
## 如果有兴趣的话,大家可以去github上下载, 我是用mpvue框架做的这个项目 github链接地址: https://github.com/PinkYun/PinkJing 转载于:htt ...
VUE(uni-app框架)开发微信小程序②-for循环
数组类型在uni-app中属于一个比较常见的类型,可是想将数组中的数据展现出来就需要借助循环,今天来认识一下[v-for]循环先新规一个数组 //数组 list:[{id:0,text:" ...
mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
用Vue.js开发微信小程序：开源框架mpvue解析
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...
使用Vue开发微信小程序：mpvue框架
[原文地址]mpvue入门系列教程: 如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程(六) 使用mpvue开发小程序教程(五) 使用mpvue开发小程序教程(四) 使 ...
h5+js调取相机做取景框_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
使用Vue.js开发微信小程序：开源框架mpvue解析
前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为H5和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发 ...
从0到一开发微信小程序（3）—小程序框架配置
文章目录其他相关文章 1.小程序框架 1.1.全局配置 1.1.1.Pages 1.1.1.1.entryPagePath 1.1.1.2.生成页面方式 1.1.2.window 1.1.3.tab ...
python开发微信小程序-微信小程序开发：python+sanic 实现小程序登录注册
开发微信小程序时,接入小程序的授权登录可以快速实现用户注册登录的步骤,是快速建立用户体系的重要一步.这篇文章将介绍 python + sanic + 微信小程序实现用户快速注册登录全栈方案. 微信小程 ...

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

前言：

难点：

解决方法：

界面效果：

代码：

补充：

使用AUI框架开发微信小程序相关推荐

最新文章

热门文章