已有页面定制 - xinwu-yang/cube-vue GitHub Wiki

登录页面

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