Skip to content

V
vue-kwan-admin

Kwan的解忧杂货铺@新空间代码工作室 / vue-kwan-admin

通知 38
Star 6
Fork 3
V
vue-kwan-admin
提交 7bb5e2fe 编写于 作者: Kwan的解忧杂货铺@新空间代码工作室's avatar Kwan的解忧杂货铺@新空间代码工作室 🐭
浏览文件
操作

整理

上级 a5bea1fc
展开全部 隐藏空白更改
内联 并排
Showing with 26 addition and 41 deletion
dist/css/app.90eacce6.css → dist/css/app.6f9b1b20.css
浏览文件 @ 7bb5e2fe
.login-container[data-v-1be4e8ce]{background-color:#35495e;height:100%}.login-container .login-box[data-v-1be4e8ce]{width:400px;height:250px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px hsla(0,0%,100%,.5)}.login-container .login-box .form-login[data-v-1be4e8ce]{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}.form-control[data-v-1be4e8ce]{flex:1}.avatar-box[data-v-1be4e8ce]{position:absolute;width:100%;top:-65px;left:0}.avatar-box .avatar[data-v-1be4e8ce]{width:120px;height:120px;border-radius:50%!important;box-shadow:0 0 6px #efefef}.layout-header-container[data-v-1eaf2085]{height:60px;border-bottom:1px solid #eaeaea}.layout-header-left-img[data-v-1eaf2085]{height:50px}.layout-aside-container[data-v-412d2482]{width:250px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-412d2482]{font-size:20px}.home-container[data-v-e41dbfec]{height:100%;display:flex;flex-direction:column}.home-container .home-main-box[data-v-e41dbfec]{height:100%;display:flex}.home-container .home-main-box .home-main-body[data-v-e41dbfec]{padding:15px;flex:1}.el-header[data-v-15b8f4b2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-15b8f4b2]{color:#333}.pagination[data-v-15b8f4b2]{margin-top:16px;text-align:right}.arrow-button[data-v-15b8f4b2]{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.custom-icon[data-v-15b8f4b2]{font-size:24px;color:#f90;margin-right:6px}.arrow-button.disabled[data-v-15b8f4b2]{pointer-events:none;opacity:.1}.el-header[data-v-6e64ea6a]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-6e64ea6a]{color:#333}.pagination[data-v-6e64ea6a]{margin-top:16px;text-align:right}.header-button-item[data-v-6e64ea6a]{margin-right:15px;font-size:20px}.backtop[data-v-6e64ea6a]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.backtop[data-v-6e64ea6a]:hover{background-color:#0050a0}.el-header[data-v-68d544b4]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-68d544b4]{color:#333}.pagination[data-v-68d544b4]{margin-top:16px;text-align:right}.header-button-item[data-v-68d544b4]{margin-right:15px;font-size:20px}.red-title[data-v-68d544b4]{line-height:24px;font-size:18px;color:red}.backtop[data-v-68d544b4]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-68d544b4]{width:100%;text-align:left}.backtop[data-v-68d544b4]:hover{background-color:#0050a0}.el-header[data-v-ba5f8f70]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-ba5f8f70]{color:#333}.pagination[data-v-ba5f8f70]{margin-top:16px;text-align:right}.header-button-item[data-v-ba5f8f70]{margin-right:15px;font-size:20px}.red-title[data-v-ba5f8f70]{line-height:24px;font-size:18px;color:red}.backtop[data-v-ba5f8f70]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-ba5f8f70]{width:100%;text-align:left}.backtop[data-v-ba5f8f70]:hover{background-color:#0050a0}.el-header[data-v-74747e23]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-74747e23]{color:#333}.pagination[data-v-74747e23]{margin-top:16px;text-align:right}.header-button-item[data-v-74747e23]{margin-right:15px;font-size:20px}.red-title[data-v-74747e23]{line-height:24px;font-size:18px;color:red}.backtop[data-v-74747e23]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-74747e23]{width:100%;text-align:left}.backtop[data-v-74747e23]:hover{background-color:#0050a0}.button-container[data-v-9d5d30a4]{position:fixed;bottom:0;right:0;margin:16px}.container[data-v-ddc6c3e0]{display:flex;justify-content:center;align-items:center;height:30vh}
.login-container[data-v-1be4e8ce]{background-color:#35495e;height:100%}.login-container .login-box[data-v-1be4e8ce]{width:400px;height:250px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px hsla(0,0%,100%,.5)}.login-container .login-box .form-login[data-v-1be4e8ce]{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}.form-control[data-v-1be4e8ce]{flex:1}.avatar-box[data-v-1be4e8ce]{position:absolute;width:100%;top:-65px;left:0}.avatar-box .avatar[data-v-1be4e8ce]{width:120px;height:120px;border-radius:50%!important;box-shadow:0 0 6px #efefef}.layout-header-container[data-v-1eaf2085]{height:60px;border-bottom:1px solid #eaeaea}.layout-header-left-img[data-v-1eaf2085]{height:50px}.layout-aside-container[data-v-412d2482]{width:250px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-412d2482]{font-size:20px}.el-main{padding:20px 3px!important}.el-header[data-v-15b8f4b2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-15b8f4b2]{color:#333}.pagination[data-v-15b8f4b2]{margin-top:16px;text-align:right}.arrow-button[data-v-15b8f4b2]{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.custom-icon[data-v-15b8f4b2]{font-size:24px;color:#f90;margin-right:6px}.arrow-button.disabled[data-v-15b8f4b2]{pointer-events:none;opacity:.1}.el-header[data-v-6e64ea6a]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-6e64ea6a]{color:#333}.pagination[data-v-6e64ea6a]{margin-top:16px;text-align:right}.header-button-item[data-v-6e64ea6a]{margin-right:15px;font-size:20px}.backtop[data-v-6e64ea6a]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.backtop[data-v-6e64ea6a]:hover{background-color:#0050a0}.el-header[data-v-68d544b4]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-68d544b4]{color:#333}.pagination[data-v-68d544b4]{margin-top:16px;text-align:right}.header-button-item[data-v-68d544b4]{margin-right:15px;font-size:20px}.red-title[data-v-68d544b4]{line-height:24px;font-size:18px;color:red}.backtop[data-v-68d544b4]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-68d544b4]{width:100%;text-align:left}.backtop[data-v-68d544b4]:hover{background-color:#0050a0}.el-header[data-v-ba5f8f70]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-ba5f8f70]{color:#333}.pagination[data-v-ba5f8f70]{margin-top:16px;text-align:right}.header-button-item[data-v-ba5f8f70]{margin-right:15px;font-size:20px}.red-title[data-v-ba5f8f70]{line-height:24px;font-size:18px;color:red}.backtop[data-v-ba5f8f70]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-ba5f8f70]{width:100%;text-align:left}.backtop[data-v-ba5f8f70]:hover{background-color:#0050a0}.el-header[data-v-74747e23]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-74747e23]{color:#333}.pagination[data-v-74747e23]{margin-top:16px;text-align:right}.header-button-item[data-v-74747e23]{margin-right:15px;font-size:20px}.red-title[data-v-74747e23]{line-height:24px;font-size:18px;color:red}.backtop[data-v-74747e23]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-74747e23]{width:100%;text-align:left}.backtop[data-v-74747e23]:hover{background-color:#0050a0}.button-container[data-v-9d5d30a4]{position:fixed;bottom:0;right:0;margin:16px}.container[data-v-ddc6c3e0]{display:flex;justify-content:center;align-items:center;height:30vh}
/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
......
dist/index.html
浏览文件 @ 7bb5e2fe
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/kwan.png"><title>kwan</title><link href="/css/app.90eacce6.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.62350d76.js" rel="preload" as="script"><link href="/js/chunk-vendors.8385d186.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.90eacce6.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but kwan doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.8385d186.js"></script><script src="/js/app.62350d76.js"></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/kwan.png"><title>kwan</title><link href="/css/app.6f9b1b20.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.df0c3d28.js" rel="preload" as="script"><link href="/js/chunk-vendors.8385d186.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.6f9b1b20.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but kwan doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.8385d186.js"></script><script src="/js/app.df0c3d28.js"></script></body></html>
\ No newline at end of file
dist/js/app.62350d76.js 已删除 100644 → 0
浏览文件 @ a5bea1fc
此差异已折叠。
dist/js/app.62350d76.js.map 已删除 100644 → 0
浏览文件 @ a5bea1fc
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
dist/js/app.df0c3d28.js 0 → 100644
浏览文件 @ 7bb5e2fe
此差异已折叠。
dist/js/app.df0c3d28.js.map 0 → 100644
浏览文件 @ 7bb5e2fe
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
src/components/MyHome.vue
浏览文件 @ 7bb5e2fe
<template>
<div class="home-container">
<el-row>
<el-col :span="24">
<!-- 头部区域 -->
<MyHeader></MyHeader>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<!-- 左侧边栏 -->
<el-container>
<el-header>
<!-- 头部区域 -->
<MyHeader></MyHeader>
</el-header>
<el-container>
<el-aside width="160px" style="overflow: hidden;padding-top: 24px">
<MyAside></MyAside>
</el-col>
<el-col :span="21">
<!-- 主体区域 -->
</el-aside>
<el-main style="padding: 0;">
<router-view></router-view>
</el-col>
</el-row>
</div>
</el-main>
</el-container>
</el-container>
</template>
<script>
......@@ -25,28 +21,17 @@ import MyHeader from './subcomponents/MyHeader.vue'
// 左侧边栏组件
import MyAside from './subcomponents/MyAside.vue'
export default {
name: 'MyHome',
// 注册组件
components: {
MyHeader,
MyAside,
},
name: 'MyHome',
// 注册组件
components: {
MyHeader,
MyAside,
},
}
</script>
<style lang="less" scoped>
.home-container {
height: 100%;
display: flex;
flex-direction: column;
.home-main-box {
height: 100%;
display: flex;
.home-main-body {
padding: 15px;
flex: 1;
}
}
<style>
.el-main {
padding: 20px 3px !important;
}
</style>
\ No newline at end of file
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或