更新记录

1.0.1（2026-05-09） 下载此版本

优化文档可读性

1.0.0（2026-05-09） 下载此版本

初始版本1.0.0

平台兼容性

uni-app(4.0)

uni-app x(4.0)

six-alert

six-alert是一个高度自定义的弹框组件，支持标题、内容，按钮三部分样式自定义、模块自主控制展示、各个区域自定义内嵌模块。

1. 基础使用

<template>
    <view class="content">
        <view @click="open()" >点击弹框</view>
        <six-ui-alert @cancleAlert="cancleAlert" @sureAlert="sureAlert" :sureStyle="sureStyle"  title="标题" content="六月初博客站" ref="sixAlertRef"></six-ui-alert>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                sureStyle:{
                    color:'#f00'
                }
            }
        },
        methods: {
            open(){
                this.$refs.sixAlertRef.open()
            },
            sureAlert(){
                console.log("用户点击了确认")
            },
            cancleAlert(){
                console.log("用户点击了取消")
            }
        }
    }
</script>

2. prop属性说明

3. sixAlert Methods

4. sixAlert Events

5. sixAlert Slots

6. 效果预览