zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

FIX 部分响应式布局

This commit is contained in:
sakuya 2021-05-10 23:31:16 +08:00
parent a4533b0dbd
commit ed611405c7
8 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/scTable/index.vue
View File

@ -20,7 +20,7 @@
</div> </div>
<div class="scTable-page"> <div class="scTable-page">
<el-pagination background :small="true" layout="total, prev, pager, next, jumper" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" @current-change="reload"></el-pagination> <el-pagination background :small="true" layout="total, prev, pager, next, jumper" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" @current-change="reload"></el-pagination>
<div> <div class="scTable-do">
<el-button @click="refresh" icon="el-icon-refresh" circle style="margin-left:15px"></el-button> <el-button @click="refresh" icon="el-icon-refresh" circle style="margin-left:15px"></el-button>
<el-popover placement="top" title="设置" :width="500" trigger="click"> <el-popover placement="top" title="设置" :width="500" trigger="click">
<template #reference> <template #reference>
@ -135,4 +135,5 @@
.scTable {display:flex;flex-direction:column;height:100%;} .scTable {display:flex;flex-direction:column;height:100%;}
.scTable-table {flex:1;} .scTable-table {flex:1;}
.scTable-page {height:50px;display: flex;align-items: center;justify-content: space-between;padding:0 15px;} .scTable-page {height:50px;display: flex;align-items: center;justify-content: space-between;padding:0 15px;}
.scTable-do {white-space: nowrap;}
</style> </style>

2
src/layout/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<Side></Side> <Side></Side>
<div class="aminui-body"> <div class="aminui-body el-container">
<Head></Head> <Head></Head>
<Tags></Tags> <Tags></Tags>
<div class="adminui-main" id="adminui-main"> <div class="adminui-main" id="adminui-main">

1
src/main.js
View File

@ -1,6 +1,7 @@
import ElementPlus from 'element-plus' import ElementPlus from 'element-plus'
import locale from 'element-plus/lib/locale/lang/zh-cn' import locale from 'element-plus/lib/locale/lang/zh-cn'
import 'element-plus/lib/theme-chalk/index.css' import 'element-plus/lib/theme-chalk/index.css'
import 'element-plus/lib/theme-chalk/display.css'
import { createApp } from 'vue' import { createApp } from 'vue'
import App from './App.vue' import App from './App.vue'
import config from "./config" import config from "./config"

4
src/style/app.less
View File

@ -19,7 +19,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.aminui {display: flex;} .aminui {display: flex;}
/* 左侧菜单 */ /* 左侧菜单 */
.aminui-side-split {width:65px;background: #333;} .aminui-side-split {width:65px;flex-shrink:0;background: #333;}
.adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;} .adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;}
.aminui-side-split li {cursor: pointer;width: 65px;height: 65px;color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;} .aminui-side-split li {cursor: pointer;width: 65px;height: 65px;color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.aminui-side-split li i {font-size: 16px;} .aminui-side-split li i {font-size: 16px;}
@ -32,7 +32,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);} .adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
.adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);} .adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}
.aminui-side {display: flex;flex-flow: column;width:210px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e6e6e6;} .aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:210px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e6e6e6;}
.adminui-side-top {border-bottom: 1px solid #ebeef5;height:50px;line-height: 50px;} .adminui-side-top {border-bottom: 1px solid #ebeef5;height:50px;line-height: 50px;}
.adminui-side-top h2 {padding:0 20px;font-size: 17px;color: #3c4a54;} .adminui-side-top h2 {padding:0 20px;font-size: 17px;color: #3c4a54;}
.adminui-side-scroll {overflow: auto;overflow-x:hidden;flex: 1;} .adminui-side-scroll {overflow: auto;overflow-x:hidden;flex: 1;}

2
src/style/fix.less
View File

@ -14,4 +14,4 @@
.el-main.nopadding {padding:0;background: #fff;} .el-main.nopadding {padding:0;background: #fff;}
.el-drawer__body {overflow: auto;} .el-drawer__body {overflow: auto;}
.el-popconfirm__main {margin: 14px 0;} .el-popconfirm__main {margin: 14px 0;}
.el-card__header {border-bottom: 0} .el-card__header {border-bottom: 0}

2
src/views/home/gridLayout.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="diy-grid-layout"> <div class="diy-grid-layout">
<el-row :gutter="15"> <el-row :gutter="15">
<el-col v-for="(item, index) in grid.layout" v-bind:key="index" :span="item"> <el-col v-for="(item, index) in grid.layout" v-bind:key="index" :md="item" :xs="24">
<draggable v-model="grid.copmsList[index]" :disabled="false" animation="200" handle=".el-card__header" group="people" @end="end" item-key="com"> <draggable v-model="grid.copmsList[index]" :disabled="false" animation="200" handle=".el-card__header" group="people" @end="end" item-key="com">
<template #item="{ element }"> <template #item="{ element }">
<div> <div>

6
src/views/home/index.vue
View File

@ -11,7 +11,7 @@
<h2>嗨~ admin，忙碌了一上午，记得吃午饭哦。</h2> <h2>嗨~ admin，忙碌了一上午，记得吃午饭哦。</h2>
<p>最近更新：动态面包屑，外部链接，Iframe链接等</p> <p>最近更新：动态面包屑，外部链接，Iframe链接等</p>
</div> </div>
<div class="icons"> <div class="icons hidden-xs-only">
<div class="avatar-list"> <div class="avatar-list">
<el-tooltip content="Sakuya" placement="top"> <el-tooltip content="Sakuya" placement="top">
<el-avatar class="avatar" :size="30" src="images/avatar.jpg"></el-avatar> <el-avatar class="avatar" :size="30" src="images/avatar.jpg"></el-avatar>
@ -59,10 +59,10 @@
return {} return {}
}, },
mounted(){ mounted(){
}, },
methods: { methods: {
} }
} }

4
src/views/userCenter/index.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<el-main> <el-main>
<el-row :gutter="15"> <el-row :gutter="15">
<el-col :span="8"> <el-col :lg="8">
<el-card shadow="never"> <el-card shadow="never">
<div class="user-info"> <div class="user-info">
<div class="user-info-top"> <div class="user-info-top">
@ -34,7 +34,7 @@
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="16"> <el-col :lg="16">
<el-card shadow="never"> <el-card shadow="never">
<el-tabs tab-position="top"> <el-tabs tab-position="top">
<el-tab-pane label="基本信息"> <el-tab-pane label="基本信息">