您正在浏览基于 Vue 2.x 的 Winbox UI 文档;点击这里查看 Vue 3.x 的升级版本 赋能产品发展,助力业务增长 一套基于 Vue.2.0 的高质量、轻量级、模块化的UI 组件库。 设计指南立即体验
通过size属性控制尺寸大小,Card组件只预置了default和small两种尺寸。 无边框卡片 Card titleMore Content details Content details Content details 说明 在灰色背景上使用无边框的卡片。 简洁卡片 Content details Content details Content details 说明 只包含内容区域。
自定义指令v-loading-delay.delayTime;2. 在绑定了v-loading指令的元素上添加winbox-loading-delay属性,延迟时间单位为毫秒(mm)。 服务 Loading 还可以以服务的方式调用。引入 Loading 服务: import { Loading } from 'winbox-ui'; 在需要调用时: Loading.service(options); 其中options 参数为 Loading 的配置...
Menu item 2 Menu item 3 Menu item 4 说明 导航菜单默认为垂直模式,通过mode属性可以使导航菜单变更为水平模式。另外,在菜单中通过submenu组件可以生成二级菜单。 自定义水平导航 Menu item 1 Menu item 2 Menu item 3 Menu item 4 说明 Menu 提供了background-color、text-color和active-text-color,分别用于设...
Tab2内容 说明 Tabs 组件提供了选项卡功能,默认选中第一个标签页,你也可以通过value属性来指定当前选中的标签页。 禁用状态 Tab1 Tab2 Tab3 Tab4 Tab1内容 说明 为tab-pane设置disabled属性启动禁用。 居中显示 Tab1 Tab2 Tab3 Tab4 Tab2内容 说明 ...
使用row-flex定义flex布局,其子元素根据不同的值start,center,end,space-between,space-around,分别定义其在父节点里面的排版方式。 Flex 对齐 Align Top Align Middle Align Bottom 说明 Flex子元素垂直对齐。 Flex 填充 Percentage columns 2 / 5 3 / 5 ...
Nav 1 Nav 2 Nav 3 Nav 4Home / List / Section AContent Area Footer text here 说明 最基本的『上-中-下』布局。一般主导航放置于页面的顶端,从左自右依次为:logo、一级导航项、辅助菜单(用户、设置、通知等)。通常将内容放在固定尺寸(例如:1200px)内,整个页面排版稳定,不受用户终端显示器影响;上下级...
food2.jpeg 说明 使用list-type属性来设置文件列表的样式。 完全控制的上传列表 说明 通过on-change钩子函数来对列表进行控制 拖拽上传 Click or drag file to this area to upload Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files ...
2 3 4 5 6 50 说明 默认情况下,当总页数超过 7 页时,Pagination会折叠多余的页码按钮。通过pager-count属性可以设置最大页码按钮数。 改变 1 2 3 4 5 6 50 1 2 3 4 5 6 50 说明 图层改变每页显示条目数。 跳转 1 2 3 4 5 6 50
default; /* 53a8ff */ $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */ $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */ $--color-primary-light-4: mix($--color-white, $--color...