小程序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)

实例

小程序css样式变量/api promise化相关推荐

微信小程序CSS样式图片闪烁
微信小程序CSS样式图片闪烁微信小程序直接用CSS样式让图片闪烁起来!!! 废话不多说!直接上代码 // 这是设置小程序WXSS页面 .shanshuo{-webkit-animation: twi ...
小程序css样式+自定义组件+功能
代码仓库:https://gitee.com/DerekAndroid/miniProgramAgen.git 微信小程序实现图片文字二维码组合拼接成一张图片,下载到手机相册思路:1下载网络图片,2 ...
微信小程序 css样式自制表格
效果图 HTML部分 <view class="table"><view class="tr bg-w"><view class= ...
微信小程序——API promise化，全局数据共享，MobX，将Stroe中的成员绑定到页面中，在页面上使用Strore中的成员
一.API promise化 1．基于回调函数的异步 API 的缺点默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用: 缺点:容易造 ...
API Promise化
API Promise化原因安装使用原因默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用: 这样的缺点是容易造成回调地狱的问题 ...
微信小程序（五）--- Vant组件库，API Promise化，MboX全局数据共享，分包相关
目录一.npm包 1.Vant Weapp (1)安装Vant组件库 (2)使用Vant组件 (3)定制全局主题样式 2.API Promise化 (1)基于回调函数的异步API的缺点 (2)API ...
微信小程序css卡片样式（带阴影效果）
微信小程序css卡片样式(带阴影) 效果图 wxml代码 <view class="card"></view> css样式 .card{width: 90% ...
微信小程序css 华文琥珀_琥珀项目：较小的，面向生产力的Java语言功能
微信小程序css 华文琥珀 Brian Goetz最近的消息欢迎来到琥珀! 介绍Project Amber ( OpenJDK的一部分, 最初于1月提出 ). Goetz通过介绍"欢迎使用A ...
整理在小程序页面样式中引入阿里巴巴字体图标
整理在小程序页面样式中引入阿里巴巴字体库 1.登录阿里巴巴字体图标 2.在小程序项目中配置 1.登录阿里巴巴字体图标点我阿里巴巴字体图标库搜索需要的字体图标将需要的字体图标点击添加到购车中添加 ...

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

小程序css样式变量

api promise化

小程序css样式变量/api promise化相关推荐

最新文章

热门文章