uView Notify 消息提示

简介: uView Notify 消息提示

该组件一般用于页面顶部向下滑出一个提示,尔后自动收起的场景。

#平台差异说明

App(vue) App(nvue) H5 小程序
√ √ √ √

#基本使用

<template>
  <u-notify message="Hi uView" :show="show"></u-notify>
</template>
<script>
export default {
    data() {
        return {
            show: true
        }
    }
}
</script>

copy

#ref调用

<template>
  <u-notify ref="uNotify" message="Hi uView"></u-notify>
</template>
<script>
export default {
    onReady(){
      this.$refs.uNotify.show({
            top: 10,
            type: 'error',
            color: '#000',
            bgColor: '#e8e8e8',
            message: 'Hi uView',
            duration: 1000 * 3,
            fontSize: 20,
            safeAreaInsetTop:true
        })
        // 也可以通过主题形式调用,如:
        // this.$refs.uNotify.primary('Primary主题')
        
        // 关闭 notify
        // this.$refs.uNotify.close()
    }
}
</script>
相关文章
|
API Android开发 iOS开发
web: 手机键盘自动获取短信验证码,点击自动填充输入框
web: 手机键盘自动获取短信验证码,点击自动填充输入框
1935 0
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例(整理)
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例(整理)
|
小程序 开发工具 开发者
【已解决】微信小程序编译后白屏(The resource was preloaded using link preload but not used within a few seconds ...)
微信小程序编译后白屏(The resource was preloaded using link preload but not used within a few seconds ...)
3634 0
【已解决】微信小程序编译后白屏(The resource was preloaded using link preload but not used within a few seconds ...)
|
前端开发 JavaScript
富文本编辑器wangEdiotr,编辑内容后,重新打开报错Uncaught (in promise) Error: Cannot find a descendant at path
富文本编辑器wangEdiotr,编辑内容后,重新打开报错Uncaught (in promise) Error: Cannot find a descendant at path
2965 1
|
数据采集 前端开发 数据可视化
如何像翻书一样,稳定地抓到你想要的分页数据?
本文分享了如何通过 Python 稳定抓取 51Job 等招聘网站的分页数据。使用 `requests` 和 `BeautifulSoup` 解析网页,结合代理服务与随机延迟策略,有效避免被限制请求,并将数据存入数据库进行后续分析。附完整代码与实战经验总结,适合有分页爬取需求的开发者参考。
719 0
如何像翻书一样,稳定地抓到你想要的分页数据?
|
资源调度 JavaScript API
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
14232 120
|
JavaScript API
uniapp中uview组件库Toast 消息提示 的使用方法
uniapp中uview组件库Toast 消息提示 的使用方法
2020 2
|
安全
uniapp实战 —— 自定义顶部导航栏
uniapp实战 —— 自定义顶部导航栏
1094 2
|
机器学习/深度学习 人工智能 算法
2025年,程序员的黄金时代才刚开始-千万不要错误的以为程序员很多哟-卓伊凡软件行业洞察 前言
2025年,程序员的黄金时代才刚开始-千万不要错误的以为程序员很多哟-卓伊凡软件行业洞察 前言
1740 1
2025年,程序员的黄金时代才刚开始-千万不要错误的以为程序员很多哟-卓伊凡软件行业洞察 前言

热门文章

最新文章