<wr-button>默认按钮</wr-button>
<wr-button type="primary">主要按钮</wr-button>
<wr-button type="disabled">禁用按钮</wr-button>
<wr-button type="primary" size="small">小型按钮</wr-button>
<wr-button type="primary">普通按钮</wr-button>
<wr-button type="primary" size="large">大号按钮</wr-button>
<wr-button>普通按钮</wr-button>
<wr-button hairline>细边框按钮</wr-button>
<wr-button no-border>无边框按钮</wr-button>
<wr-button loading type="primary">加载状态</wr-button>
<wr-button loading>加载状态</wr-button>
<wr-button type="primary">
<wr-icon name="home"></wr-icon>
</wr-button>
<wr-button no-border>
<image mode="widthFix"
src="https://cdn-we-retail.ym.tencent.com/miniapp/home/home-default-logo.png"
style="width: 100rpx; padding: 15rpx 0;">
</image>
</wr-button>
<view>
<wr-button type="primary">普通按钮</wr-button>
</view>
<view style="margin-top: 20rpx">
<wr-button type="primary" block>块级元素</wr-button>
</view>
<wr-button btn-style="background-color: white; color: #7232dd;">单色按钮</wr-button>
<wr-button btn-style="background-color: #7232dd; color: white;">单色按钮</wr-button>
<wr-button btn-style="background: linear-gradient(to right, #4bb0ff, #6149f6); color: white;">渐变色按钮</wr-button>
<wr-button size="small" open-type="getUserInfo" bindgetuserinfo="handdleGetUserInfo">获取用户信息</wr-button>
<wr-button size="small" open-type="getPhoneNumber" bindgetphonenumber="handdleGetPhoneNumber">获取手机号</wr-button>
<wr-button size="small" open-type="share">分享</wr-button>
Page({
data: {},
handdleGetUserInfo(e: any) {
console.log('e', e);
console.log(e.detail.errMsg);
console.log(e.detail.iv);
console.log(e.detail.encryptedData);
},
handdleGetPhoneNumber(e: any) {
console.log('e', e);
console.log(e.detail.errMsg);
console.log(e.detail.iv);
console.log(e.detail.encryptedData);
},
onShareAppMessage(e: any) {
console.log('e', e);
return {
title: 'button',
path: 'components-exp/button/index',
};
},
});