uView Alert 警告提示

简介: uView Alert 警告提示

警告提示,展现需要关注的信息。

#使用场景

  • 当某个页面需要向用户显示警告的信息时。
  • 非浮层的静态展现形式,始终展现,不会自动消失,用户可以点击关闭。

#平台差异说明

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

#基本使用

  • 通过titledescription设置组件的标题和描述内容
  • 通过type设置主题类型,有primary,success,error,warning,info可选值
  • 通过effect设置主题浅或深色调,有light(浅色 默认),dark(深色)可选值
<template>
  <view>
    <u-alert :title="title" type = "warning" :description = "description"></u-alert>
    <u-alert :title="title" type = "warning" effect="dark" :description = "description"></u-alert>
  </view>
</template>
<script>
export default {
  data() {
    return {
      title:'uView的目标是成为uni-app生态最优秀的UI框架',
      description:'uView是uni-app生态专用的UI框架'
    };
  },
  onLoad() {},
  methods: {
  }
};
</script>

copy

#图标

通过showIcon设置是否显示图标,作用是让信息类型更加醒目。

注意:当前版本图标为uView内置图标,根据type参数显示不同的图标,无法自定义。

<u-alert type="warning" :show-icon="true"></u-alert>

copy

#可关闭的警告提示

显示关闭按钮,点击可关闭警告提示。

  • closable参数配置是否可关闭
<template>
  <view>
    <u-alert :title="title"  type = "warning" :closable="closable" :description = "description"></u-alert>
  
  </view>
</template>
<script>
export default {
  data() {
    return {
      title:'uView的目标是成为uni-app生态最优秀的UI框架',
      description:'uView是uni-app生态专用的UI框架',
      closable:true
    };
  },
  onLoad() {},
  methods: {
  }
};
</script>
相关文章
|
人工智能 自然语言处理 安全
百度智能云“千帆大模型平台”升级:大模型最多,Prompt模板最全(上)
百度智能云“千帆大模型平台”升级:大模型最多,Prompt模板最全
392 1
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
273 0
|
移动开发 小程序 API
uniapp中uview组件库的AlertTips 警告提示使用方法
uniapp中uview组件库的AlertTips 警告提示使用方法
567 2
|
数据采集 Web App开发 JavaScript
Puppeteer实战指南:自动化抓取网页中的图片资源
Puppeteer实战指南:自动化抓取网页中的图片资源
|
存储 缓存 编解码
electron:获取MAC地址
electron:获取MAC地址
589 0
|
机器学习/深度学习 自然语言处理 PyTorch
【从零开始学习深度学习】48.Pytorch_NLP实战案例:如何使用预训练的词向量模型求近义词和类比词
【从零开始学习深度学习】48.Pytorch_NLP实战案例:如何使用预训练的词向量模型求近义词和类比词
|
JavaScript 小程序 API
uniapp中的uview组件库丰富的Form 表单用法
uniapp中的uview组件库丰富的Form 表单用法
1189 0
|
存储 小程序 数据可视化
微信小程序开发笔记—天气获取显示
本文主要介绍了如何实现微信小程序的天气获取和显示功能,内容全面,而且附有实现程序,有一定的参考价值。
681 0
|
JavaScript 数据可视化 IDE
测试自动化工具比较:Selenium vs. Cypress
在软件开发过程中,测试自动化是一个关键的环节,它可以提高测试效率和质量,并帮助开发团队更快地交付高质量的软件。在测试自动化领域,Selenium和Cypress是两个备受关注的工具。本文将对它们进行比较,帮助开发者选择适合自己项目的测试自动化工具。
743 1