1.修改导航栏外观
pages文件中修改
2.使用 分段器组件 搭建子页面
标签栏,tabs栏
分段器组件官方文档:
.cn/plugin?id=54
图片可以直接使用阿里巴巴官方矢量图,iconfont
注意一个坑:微信小程序不支持本地图标,必须Unicode转化Font class才行,将链接中的代码替换成你的iconfont.wxss中的代码
3.封装自己异步请求
微信小程序不支持promiss,因此
基于原生promise来封装
挂载到vue的原型 上
通过this.request来使用
request.js文件:
//es6export default ()=>{//加载中uni.showLoading({title:"加载中"})return new Promise((resolve,reject)=>{wx.request({...params,success(res){resolve(res.data);},fail(err){reject(err);},complete(){uni.hideLoading()}})})}
然后挂载到main.js中:
import request from "./utils/request";Vue.prototype.request=request;
使用:
onLoad() {this.request({url: "http://xxxxxx"}).then(res=>{console.log(res);})},