Vue项目

258 阅读1分钟

Vue项目:

一、页面布局。

1、顶栏。 顶栏菜单。NavMenu

2、左侧。 折叠功能。 NavMenu

3、右侧顶栏。 路由多页面标签:

5、右侧下边二级页面: 1、页头pageheader 、面包屑:breadcrumb 2、Tabs标签页。

二 二级页面:

2.1、搜索区域:

布局: 1、有分割符号: gutter。 2、flex布局。

1、直接输入搜索。 2、远程搜索框。 3、下拉选择。 4、日期选择框。时间选择框。 5、搜索框禁止选择。搜索框之灰色。

搜索,重置按钮。

2.2、Table区域。

1、Table列表的新增。删除。 2、Table列表的分页。 3、tab的标签显示。Tab。

2.3时间线 -》流程图 。步骤条。

2.4照片显示

2.5 树形展示

3、功能区域:

2.3.1 新增Dialog

弹框标体: 弹框查号: 弹框按钮:取消,提交,重置。

弹框内容:下拉框。输入框。 上传按钮。

增删查改。

2.3.2 上传文件、照片。

2.3.3导入导出。

2.3.4选择按钮

联机选择框。 Radio 单选框

2.4.5提示内容: 抽屉

标记数字

进度条。

Tag 标签