Ant 前端框架

Ant学习官网

https://antdv.com/docs/vue/introduce-cn/

1.面包屑

 --面包屑
    --面包屑第一级
         --左边添加图标
      首页
  
    --面包屑第二级
         --左边添加图标
      系统设置
  
 --面包屑

2.多选

    --多选框定义
    多选标题                    --多选框名称
   --默认不可选的多选框

3.单选

单选  单选框
  --默认选择为“a”，选择形式为实色填底，输入框大小为大
 --单选框默认无法选择

4.输入框

1.placeholder 输入提示框


2.prefix--输入内容默认前缀 suffix--输入内容默认后缀


3.显示加载状态


4.密码输入框


5.@blur 当焦点失去时候触发事件validatePhoneBlur为js里面的函数
@blur="validatePhoneBlur"

4.1 字符型输入框

 --addon-before 前面文字，--addon-after 末尾文字

4.2 数值型输入框

数字输入框，最小1，最大100000，小数点0.1，默认数字3，框体后缀定义change

4.3 日期型输入框

  日期输入框

4.4 时间型输入框

  时间输入框

5.下拉框

 --复选框
    --第一个选项
    门诊
  

6.按钮

 --单选按钮 
   保存

             --下拉按钮
  --下拉按钮选项
    --下拉按钮一个选项
      详情
   
   
      删除
    
    
      更多
    
 
  Actions    --type 按钮类型 icon 图标

7.评分

    评分框体，默认2.5星，允许半星选择
        默认两星，锁定选择
   将星号代替为A字母，允许半星，字体大小36PX

8. 布局

顶部布局栏
内容布局栏
底部布局栏
根据优先级排布

        侧边布局栏
        底部布局栏
               ---插入布局

9. TreeSelect 树型选择

10. Upload 上传

        Upload                       --按钮属性，名称