39 lines
854 B
Vue
39 lines
854 B
Vue
|
<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>
|