uniapp中自定义showModal样式

uniapp中自定义showModal样式

• 页面中使用
• • 在main.js中引入show-modal组件
  • 创建组件show-modal
  • • 组件名称show-modal.vue
    • 创建initModal.js

页面中使用

<show-modal></show-modal>
  this.$showModal({
  	title: '',
  	content: '当',
  	cancelText:"取消",
  	confirmText:"生成赛果",
  	success(res) {
  		if (res.confirm) {
  		  console.log('用户点击确定')
  		} else if (res.cancel) {
  		  console.log('用户点击取消')
  		}			
  	}
  })

在main.js中引入show-modal组件

import initModal from "@/components/show-modal/initModal.js"
import showModal from "@/components/show-modal/show-modal.vue"

initModal(Vue);
Vue.component('show-modal',showModal);

创建组件show-modal