微信小程序(三)常用代码片段

1.去除按钮边框

.contact_item {
    margin: 20rpx;
    font-size: 10pt;
    background: none !important;
}
.contact_item::after{
  border: none;
}

2.自定义Toast图标

wx.showToast({
    image: "/images/余额.png",
    title: '录音时间太短',
})

3.圆形图标

圆形图标.jpg

.item_icon {
    width: 60rpx;
    height: 60rpx;
    border-radius:50%;
}

4.封装系统弹框

Simulator Screen Shot 2017年9月11日 下午4.46.43.jpg

function alert(message) {
    wx.showModal({
        title: '提示',
        content: message,
        showCancel: false,
        success: function (res) {
         }
    })
}