uniapp原生插件开发2 模块的类 和vue页面示例

成功示例图

vue页面代码

<template>
	<view class="button-sp-area">
		<button type="primary" plain="true" @click="showRichAlert()">点击显示弹窗</button>
	</view>
</template>

<script>
	const modal = uni.requireNativePlugin('modal');
	const dcRichAlert = uni.requireNativePlugin('DCloud-RichAlert');
	export default {
		data() {
			return {
				title: ''
			}
		},
		onLoad() {

		},
		methods: {
			showRichAlert() {
				dcRichAlert.show({
					position: 'bottom',
					title: "提示信息",
					titleColor: '#FF0000',
					content: "<a href='https://uniapp.dcloud.io/' value='Hello uni-app'>uni-app</a> 是一个使用 Vue.js 开发跨平台应用的前端框架