Skip to content

已有页面定制

xinwu-yang edited this page Mar 1, 2023 · 1 revision

登录页面

src/components/layouts/UserLayout.vue
src/views/user/Login.vue

首页logo修改

 src/components/tools/Logo.vue

首页报表

src/views/dashboard/Analysis.vue

布局

src/component/layouts/*

全局样式

flex.less生成了一系列flex布局相关的样式,一下罗列常用到的部分,具体请参考src/assets/less/flex.less

.flex // flex布局
.flex-center // 主轴居中对齐
.flex-start // 主轴起点对齐
.flex-end // 主轴终点对齐
.flex-between // 两端对齐,间隔相等
.flex-around // 每个项目两侧间隔相等
.flex-align-center // 交叉轴居中对齐
.flex-align-start // 交叉轴起点对齐
.flex-align-end // 交叉轴终点对齐
.flex-align-baseline // 第一行文字基线对齐
.flex-self-center // 单个项目交叉轴居中对齐
.flex-self-start // 单个项目交叉轴起点对齐
.flex-self-end // 单个项目交叉轴终点对齐
.flex-self-baseline // 单个项目第一行文字基线对齐
.flex-wrap // 换行
.flex-nowrap // 不换行
.flex-wrap-reverse // 换行反向
.flex-row // 横向
.flex-row-reverse // 横向反向
.flex-column // 纵向
.flex-column-reverse // 纵向反向
.flex-shrink-0 // 缩小比例0

更新日志

CHANGELOG

快速开始

3.0.x

开发技巧

配置文件介绍

皮肤自定义

页面布局

已有页面定制

字典缓存用法

自定义首页

下拉选项滚动错位的解决方法

表单输入默认去掉前后空格

组件库

普通组件

倒计时 CountDown

枚举选择器 CubeSelectEnum

地区联动选择 JAreaLinkage

分类字典选择 JCategorySelect

复选框 JCheckbox

代码编辑器 JCodeEditor

Cron编辑器 JCron

日期选择 JDate

字典选择 JDictSelectTag

字典选择(多选) JMultiSelectTag

字典选择(可搜索) JSearchSelectTag

可编辑表格 JEditableTable

富文本编辑器 JEditor

字符串截取 JEllipsis

文件上传弹窗 JFilePop

表单容器 JFormContainer

图片上传 JImageUpload

导入Modal JImportModal

输入框 JInput

弹窗输入框 JInputPop

Markdown编辑器 JMarkdownEidtor

Modal弹窗 JModal

表格弹窗选择 JPopup

部门选择器 JSelectDepart

部门用户选择器 JSelectUserByDep

用户选择器(多选) JSelectMultiUser

职务选择组件 JSelectPosition

角色选择组件 JSelectRole

高级查询组件 JSuperQuery

分类字典树形下拉选择器 JTreeDict

树形下拉选择组件(异步加载) JTreeSelect

异形树形表格组件 JTreeTable

上传组件 JUpload

JS组件

api/manage.js

mixins/JEditableTableMixin.js

mixins/JeecgListMixin.js

store/modules/app.js

store/modules/user.js

store/mutation-types.js

utils/filter.js

utils/validate.js

utils/hasPermission.js

utils/util.js

utils/vueBus.js

utils/packages/JDictSelectUtil.js

魔方Plugins

上传组件

目录结构

目录结构

Clone this wiki locally