no message
Former-commit-id: 0a96bb54e9270e451e59b72e00e35053a7c0e152 Former-commit-id: c250ba90da6546626b9831847630aae786c88344 Former-commit-id: c1182b1bdc6ea9b3934275286a93e2760a643bfe
This commit is contained in:
10
src/assets/style/fixed/base.scss
Normal file
10
src/assets/style/fixed/base.scss
Normal file
@@ -0,0 +1,10 @@
|
||||
// 优化显示
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 0px;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
1
src/assets/style/fixed/element.scss
Normal file
1
src/assets/style/fixed/element.scss
Normal file
@@ -0,0 +1 @@
|
||||
// element 样式补丁
|
||||
7
src/assets/style/fixed/markdown.scss
Normal file
7
src/assets/style/fixed/markdown.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
// markdown 样式补丁
|
||||
|
||||
.markdown-body {
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
}
|
||||
12
src/assets/style/fixed/vue-grid-layout.scss
Normal file
12
src/assets/style/fixed/vue-grid-layout.scss
Normal file
@@ -0,0 +1,12 @@
|
||||
// vue-splitpane 样式补丁
|
||||
|
||||
@import '~@/assets/style/unit/_color.scss';
|
||||
|
||||
.vue-grid-item {
|
||||
&.vue-grid-placeholder {
|
||||
border: 1px solid $color-border-1;
|
||||
background-color: rgba(#FFF, .3);
|
||||
opacity: 1;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
}
|
||||
8
src/assets/style/fixed/vue-splitpane.scss
Normal file
8
src/assets/style/fixed/vue-splitpane.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
// vue-splitpane 样式补丁
|
||||
|
||||
@import '~@/assets/style/unit/_color.scss';
|
||||
|
||||
.splitter-pane-resizer {
|
||||
background-color: $color-border-1 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
41
src/assets/style/public-class.scss
Normal file
41
src/assets/style/public-class.scss
Normal file
@@ -0,0 +1,41 @@
|
||||
@import 'public';
|
||||
|
||||
// 补丁 base
|
||||
@import '~@/assets/style/fixed/base.scss';
|
||||
// 补丁 element
|
||||
@import '~@/assets/style/fixed/element.scss';
|
||||
// 补丁 markdown
|
||||
@import '~@/assets/style/fixed/markdown.scss';
|
||||
// 补丁 vue-splitpane
|
||||
@import '~@/assets/style/fixed/vue-splitpane.scss';
|
||||
// 补丁 vue-grid-layout
|
||||
@import '~@/assets/style/fixed/vue-grid-layout.scss';
|
||||
|
||||
// 在这里写公用的class
|
||||
// 注意 这个文件里只写class
|
||||
// mixin等内容请在 public.scss 里书写
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
background-color: $color-bg;
|
||||
#app {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both
|
||||
}
|
||||
|
||||
// 下边距
|
||||
.mb {
|
||||
margin-bottom: $margin;
|
||||
}
|
||||
.mb-0 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
17
src/assets/style/public.scss
Normal file
17
src/assets/style/public.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
@import '~@/assets/style/unit/_color.scss';
|
||||
@import '~@/assets/style/unit/_size.scss';
|
||||
|
||||
// 禁止用户选中 鼠标变为手形
|
||||
%unable-select {
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
%card {
|
||||
border: 1px solid #dddee1;
|
||||
border-color: #e9eaec;
|
||||
background: #fff;
|
||||
border-radius: $border-radius;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
}
|
||||
29
src/assets/style/theme/default.scss
Normal file
29
src/assets/style/theme/default.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
@import '~@/assets/style/public.scss';
|
||||
|
||||
// 默认主题
|
||||
.layout-main {
|
||||
&.default {
|
||||
// [全局设置]
|
||||
// 关闭所有卡片的阴影
|
||||
.el-card {
|
||||
box-shadow: none;
|
||||
&:hover {
|
||||
box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
|
||||
}
|
||||
}
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
// [布局]
|
||||
.el-header {
|
||||
padding: 0px;
|
||||
}
|
||||
.el-container {
|
||||
.el-aside {
|
||||
|
||||
}
|
||||
.el-main {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
23
src/assets/style/unit/_color.scss
Normal file
23
src/assets/style/unit/_color.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
// 主色
|
||||
$color-primary: #409EFF;
|
||||
|
||||
// 辅助色
|
||||
$color-info: #909399;
|
||||
$color-success: #67C23A;
|
||||
$color-warning: #E6A23C;
|
||||
$color-danger: #F56C6C;
|
||||
|
||||
// 文字
|
||||
$color-text-main: #303133;
|
||||
$color-text-normal: #606266;
|
||||
$color-text-sub: #909399;
|
||||
$color-text-placehoder: #C0C4CC;
|
||||
|
||||
// 边框
|
||||
$color-border-1: #DCDFE6;
|
||||
$color-border-2: #E4E7ED;
|
||||
$color-border-3: #EBEEF5;
|
||||
$color-border-4: #F2F6FC;
|
||||
|
||||
// 背景
|
||||
$color-bg: #f8f8f9;
|
||||
2
src/assets/style/unit/_size.scss
Normal file
2
src/assets/style/unit/_size.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
$margin: 20px;
|
||||
$border-radius: 4px;
|
||||
Reference in New Issue
Block a user