S
show_message
创建一个自定义透明提示框，并支持显示位置、自动关闭时间、透明度、是否显示关闭按钮、背景颜色和文字颜色
#提示框
#UI组件
#前端工具
Statistics
Total Installs
149
Last 24h
+1
User Rating
-
Ad
Description
Versions
Ratings0
Permissions
创建一个可自定义位置、透明度、自动关闭时间的透明提示框组件
Loading…
自定义透明提示框
// 示例调用
// 使用所有参数的调用方式
show_message({
message: '这是一个完全配置的提示框', // 提示框的内容
type: 'success', // 成功类型提示框
position: 'center', // 屏幕正中显示
opacity: 0.9, // 透明度为 0.9
autoClose: false, // 不自动关闭
});
// 自定义显示颜色
show_message({
message: "这是一个自定义样式的提示框",
type: {
backgroundColor: '#f0e68c', // 浅黄色背景
textColor: '#8b4513' // 深棕色文字
},
position: 'bottom-left', // 在屏幕左下角显示
opacity: 0.8, // 透明度为0.9
autoClose: 7 // 7秒后自动关闭
});
// 使用简单的字符串调用方式（默认配置）
show_message("这是一个信息提示框");
show_message({
message: "这是一条成功消息",
type: 'success',
position: 'bottom-right',
opacity: 0.8,
autoClose: 5 // 5秒后自动关闭
});
show_message({
message: "这是一个警告提示框",
type: 'warning',
position: 'top-left',
opacity: 0.8,
autoClose: 6
});
show_message({
message: "这是一条错误消息",
type: 'error',
position: 'top-right',
opacity: 0.8,
autoClose: 4 // 5秒后自动关闭
});