初始化(包含登录模块)
This commit is contained in:
38
pages/template/vant-button/vant-button.vue
Normal file
38
pages/template/vant-button/vant-button.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<view >
|
||||
<page-head title="微信小程序自定义组件示例"></page-head>
|
||||
<view class="uni-common-mt" style="text-align: center;width: 750rpx;width: 100%;">
|
||||
<text style="padding-left: 10px;padding-right: 10px;">
|
||||
uni-app支持在微信小程序、QQ小程序端、App端、H5端引入微信小程序自定义组件。以下以vant weapp组件为例演示
|
||||
</text>
|
||||
</view>
|
||||
<view class="uni-common-mt" style="text-align: center;">
|
||||
<van-button type="primary" @click="onClick">vant weapp的van-button按钮组件</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
checked: true
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onClick() {
|
||||
uni.showToast({
|
||||
title: "click van-button",
|
||||
mask: false,
|
||||
icon: "none",
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user