Blame view

pages/template/vant-button/vant-button.vue 854 Bytes
4b045f7c   刘淇   江阴初始化项目
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
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>