view
What is view?
一套简洁优雅的UI组件库
Manual
语法指南
- 通用
- 组件
- 服务
- 指令
- 过滤器
- 混合
- 完整例子
1.通用(Common)
- 颜色 Color
- 字体 Font
- 多主题 Theme
- 国际化 Locale
- 动画 Animation
- 过渡 Transition
2. 服务(Service)
- 全屏遮罩 Backdrop
- 一般提示 Toast
- 加载提示 Loading/Spin
- 操作列表 ActionSheet
- 对话框 Dialog(Alert/Confirm/Prompt)
- 自定义弹层 Popup
- 侧边栏 Sidebar
- 模态框 Modal
- 全局提示 Message
- 通知提醒 Notice
- 本地存储
- 会话存储
3. 组件(Component)
基础(Basic)
- 图标 Icon
- 按钮 Button
布局(Layout)
- 栅格 Row/Col
- 列表 List/Item
- 宫格 Cells
- 表格 Table
- 面板 Panel/Card
- 折叠面板 Accordion/Collapse
- 树形控件 Tree
- 时间轴 Timeline
- 走马灯 Carousel
- 轮播 Swiper
- 容器 Content/Header/Footer/SubHeader/SubFooter
导航(Navigation)
- 导航菜单 Menu
- 下拉菜单 Dropdown
- 分页栏 Pagination
- 面包屑 BreadCrumb
- 步骤条 Steps
- 标签页 Tabs
- 加载进度条(顶部) LoadingBar
- 工具栏 ToolBar
- 按钮栏 ButtonBar
- 底部栏 Tabbar/Page
- 导航栏 Navbar/Page
表单(Form)
- 输入框 Input
- 单选框 Radio
- 复选框 Check
- 切换器 Toggle
- 下拉框 Select
- 搜索框 Search
- 滑动条 Slider
- 级联选择 Cascade
- 选择器 Picker
- 日期选择 DatePicker
- 时间选择 TimerPicker
- 地区选择 RegionPicker
- 颜色选择 ColorPicker
- 穿梭框 Transfer
- 数字输入 Number
- 星级评分 Rate
- 文件上传 Upload
- 表单 Form
视图(View)
- 进度条 Progress
- 徽标 Badge
- 标签 Tag
- 文字提示 Tooltip
- 气泡提示 Poptip
- 回到顶部 BackTop
图表(Chart)
- 进度环 Circle
- 中国省市图 ChinaMap
其他(Other)
- 编辑器 Editor
4.指令(Directive)
指令 | 描述 |
---|---|
v-drag |
拖动指令 |
v-focus |
焦点指令 |
v-badge |
角标指令 |
v-gesture |
手势指令 |
v-infinite-scroll |
动态加载指令 |
v-pull-refresh |
下拉刷新指令 |
5.过滤器(Filter)
过滤器 | 描述 |
---|---|
formatdate |
格式化日期 |
formattime |
格式化时间 |
capitalize |
首字母大写 |
viewsubstr |
字符串截取 |
formatdatetime |
格式化日期时间 |
Contact with me
Luther luther(at)zuv(dot)cc