更新记录

1.0.2（2022-08-04） 下载此版本

更新使用方法

1.0.1（2022-08-04） 下载此版本

更新使用方法

1.0.0（2022-07-27） 下载此版本

无

平台兼容性

uni-app

sakura-modal

基于pinia实现的APP模态窗只支持v3项目

样式修改自行去sakura-modal.vue修改

参考的插件链接

注册

import { createSSRApp } from 'vue'
import * as Pinia from 'pinia'
import App from './App.vue
// 注册
import uModal from './uni_modules/sakura-modal/index'
export function createApp() {
    const app = createSSRApp(App).use(Pinia.createPinia()).use(uModal)
    return {
        app,
        Pinia
    }
}

用法

// modal: 点击取消按钮返回false反之true
const modal = await uni.$u.showModal('标题', '内容', '是否显示取消按钮-true/false', {
    cancelText: '取消文字',
    cancelColor: '取消文字颜色',
    confirmText: '确认文字',
    confirmColor: '确认文字颜色'
})

修改跳转页面路径

// 请搜索这个openModal方法，然后自行修改跳转路径
const openModal = (data = {}) => {
    resetParams()
    setParams(data)
    uni.navigateTo({
        url: '/pages/modal/index',
    })
}