小程序css样式变量/api promise化

小程序css样式变量

全局样式变量

<style>
html{
   //css变量，在html作用域
  --main-color:#0c00000
}
.box1,.box2{
  background-color:var(--main-color)
}
</style>

修改vant Weapp样式

<van-button type="danger">危险按钮</van-button>
 //在app.wxss中，写入css变量，即可对全局生效
<style>
page{//对于小程序而言每个页面的根节点都是page
   //css变量,官方文档中可查看(定制主体-配置文件)
  --button-danger-color:#0c00000;
}
</style>

api promise化

默认情况下，小程序官方提供的一步api是基于回调函数实现的
缺点容易造成回调地狱，代码可读性差，维护性差
api promise化：通过额外的配置，将官方提供的、基于回调函数的异步api，升级改造基于promise的异步api，从而提高代码的可读性、维护性、避免回调地狱问题。
1.需要安装npm包：miniprogram-api-promise
在小程序终端执行

npm install --save miniprogram-api-promise@1.0.4

然后在进行构建
把下载出来的miniprogram_npm删除
在点击工具里面的构建npm，构建就完成了
2.使用
在app.js文件中，只需调用一次promisifyAll()方法

import {promisifyAll} from 'miniprogram-api-promis'
const wxp=wx.p={}
promisifyAll.(wx,wxp)

实例