-
Notifications
You must be signed in to change notification settings - Fork 0
已有页面定制
xinwu-yang edited this page Mar 1, 2023
·
1 revision
src/components/layouts/UserLayout.vue
src/views/user/Login.vue
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