微信小程序 常用点记录 免除频繁查文档

小程序 API

1、showModal

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  showCancel:true,
  cancelText: '取消',
  cancelColor: '#000000',
  confirmText: '确定',
  confirmColor: '#576B95',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

2、返回上个页面

wx.navigateBack({delta: 1})  

小程序样式

1、左右分布

https://www.jianshu.com/p/d9373a86b748

display:flex;
justify-content : space-between;

2、上下居中

https://www.cnblogs.com/gaoht/p/9132612.html

.center {
  height: 32px;
  display: flex;
  /*text-align: center;*/
  align-items: center;
  justify-content: center;
}

3、文字删除线、中横线

text-decoration: line-through;

4、支付组件

https://youzan.github.io/vant-weapp/#/submit-bar

<van-submit-bar tip="提示：钱包余额不足时,将直接微信支付,而不会优先扣余额" loading="{{loading}}" disabled="{{hidden}}" price="{{price}}" button-text="支付" bind:submit="buybtn">
  <view class="balance">原价{{balance/100}}元</view>
</van-submit-bar>