嘟嘟云A sass ui框架

# alert

  • 更改mode设置不同状态,当前可取值warning success error primary
未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联 未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联 未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联 未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联 
<template>
  <db-row>
    <db-col >
      <db-alert mode="warning">
        未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联
      </db-alert>
    </db-col>
    <db-col >
      <db-alert mode="success">
        未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联
      </db-alert>
    </db-col>
    <db-col >
      <db-alert mode="error">
        未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联
      </db-alert>
    </db-col>
    <db-col >
      <db-alert mode="primary">
        未匹配到对应的代理人，请核实出单代理人信息并将该保单与代理人关联
      </db-alert>
    </db-col>
  </db-row>
</template>
Expand Copy
  • 文案长度过长时进行换行处理，最多提供两行
文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度
文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度 操作
<db-alert mode="warning">
  文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度
</db-alert>
<div style="height:20px;" ></div>
<db-alert mode="warning">
  文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度文案长度
  <db-button type="text" slot="action" >操作</db-button>
</db-alert>
Expand Copy
  • 新增type可设置不同类型的展示, 设置值为tableAlert则变成表格页面级多选操作
已选择 4 条保单批量分配
<template>
  <db-alert mode="primary" type="tableAlert" border>
    已选择 <span style="color: var(--db-primary-base)">4</span> 条保单<db-button type="low" size="small" slot="action">批量分配</db-button>
  </db-alert>
</template>
Expand Copy
  • 新增rightAction插槽
已选择 4 条保单批量分配
<template>
  <db-alert mode="primary" type="tableAlert" border>
    已选择 <span style="color: var(--db-primary-base)">4</span> 条保单<db-button type="low" size="small" slot="rightAction">批量分配</db-button>
  </db-alert>
</template>
Expand Copy

# row

属性 说明 类型 默认值 可选值 版本
mode 显示模式 String warning success error primary 1.0.0
icon 显示图标 String 1.0.0
type 不同展示方式 String tableAlert 1.0.0
border 显示边框 Boolean - 4.7.5

# slot

属性 说明 类型 默认值 可选值 版本
action 操作栏插槽 3.3.1

← 面包屑 breadcrumb →