初始上传
This commit is contained in:
23
addon/pc/source/os/assets/css/common/element-variables.scss
Executable file
23
addon/pc/source/os/assets/css/common/element-variables.scss
Executable file
@@ -0,0 +1,23 @@
|
||||
@import "main.scss";
|
||||
|
||||
/* 改变主题色变量 */
|
||||
$--color-white:#fff;
|
||||
$--color-primary: $base-color !default;
|
||||
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
|
||||
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
|
||||
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
|
||||
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
|
||||
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
|
||||
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
|
||||
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
|
||||
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
|
||||
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
|
||||
$--color-success: $base-color-success !default;
|
||||
$--color-warning: $base-color-warning !default;
|
||||
$--color-danger: $base-color-danger !default;
|
||||
$--color-info: $base-color-info !default;
|
||||
|
||||
/* 改变 icon 字体路径变量，必需 */
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
|
||||
@import "~element-ui/packages/theme-chalk/src/index";
|
||||
5520
addon/pc/source/os/assets/css/common/icondiy.css
Executable file
5520
addon/pc/source/os/assets/css/common/icondiy.css
Executable file
File diff suppressed because it is too large
Load Diff
243
addon/pc/source/os/assets/css/common/iconfont.css
Executable file
243
addon/pc/source/os/assets/css/common/iconfont.css
Executable file
@@ -0,0 +1,243 @@
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
src: url('https://cdn3.codesign.qq.com/icons/LOD8r0BMER9RXkg/latest/iconfont.eot?t=1056907098f9743c59852ca6f44325b5'); /* IE9 */
|
||||
src: url('https://cdn3.codesign.qq.com/icons/LOD8r0BMER9RXkg/latest/iconfont.eot?t=1056907098f9743c59852ca6f44325b5#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('https://cdn3.codesign.qq.com/icons/LOD8r0BMER9RXkg/latest/iconfont.woff?t=1056907098f9743c59852ca6f44325b5') format('woff2'),
|
||||
url('https://cdn3.codesign.qq.com/icons/LOD8r0BMER9RXkg/latest/iconfont.woff?t=1056907098f9743c59852ca6f44325b5') format('woff'), /* chromeã€firefox */
|
||||
url('https://cdn3.codesign.qq.com/icons/LOD8r0BMER9RXkg/latest/iconfont.ttf?t=1056907098f9743c59852ca6f44325b5') format('truetype'), /* chromeã€firefoxã€operaã€Safari, Android, iOS 4.2+*/
|
||||
url('https://cdn3.codesign.qq.com/icons/LOD8r0BMER9RXkg/latest/iconfont.svg?t=1056907098f9743c59852ca6f44325b5#iconfont') format('svg'); /* iOS 4.1- */
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-xiaoxi:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-xiaosuo:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-shouzang:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-_shouzang2:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.icon-icon-test:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.icon-ziyuan:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.icon-arrow-left-copy:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-shangjiazhongxin-:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.icon-404:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.icon-shang:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.icon-daifahuo:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.icon-icon_naozhong:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.icon-jiang-copy:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.icon-tubiaolunkuo-:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.icon-youxiang1:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-gouwuche:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.icon-shanchu:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.icon-yue:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.icon-chengnuotuihuo1:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.icon-7tiantuihuan:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.icon-xiaoxiebaozheng1:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.icon-fahuo:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.icon-tuangou:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.icon-shiyanzhongxin:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.icon-liangxiaoshifahuo:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.icon-zhengpinbaozheng:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.icon-shitiyanzheng1:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.icon-mendian:before {
|
||||
content: "\e628";
|
||||
}
|
||||
.icon-xuanze:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.icon-dianhua:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.icon-yewutubiaoqi:before {
|
||||
content: "\e633";
|
||||
}
|
||||
.icon-zhongchaping:before {
|
||||
content: "\e634";
|
||||
}
|
||||
.icon-weibiaoti35:before {
|
||||
content: "\e635";
|
||||
}
|
||||
.icon-dizhi:before {
|
||||
content: "\e636";
|
||||
}
|
||||
.icon-shouji:before {
|
||||
content: "\e638";
|
||||
}
|
||||
.icon-dongtaima:before {
|
||||
content: "\e639";
|
||||
}
|
||||
.icon-shouhou:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
.icon-daifukuan:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
.icon-zhongxinguanli:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
.icon-youxiang:before {
|
||||
content: "\e645";
|
||||
}
|
||||
.icon-daipingjia:before {
|
||||
content: "\e646";
|
||||
}
|
||||
.icon-zhanghuzhuangtai:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
.icon-haoping1:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
.icon-duigou1:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
.icon-hexiao:before {
|
||||
content: "\e650";
|
||||
}
|
||||
.icon-yanzhengma:before {
|
||||
content: "\e651";
|
||||
}
|
||||
.icon-weixin-copy:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
.icon-anquan:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
.icon-arrowLeft:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
.icon-xuanze-duoxuan:before {
|
||||
content: "\e660";
|
||||
}
|
||||
.icon-zheng:before {
|
||||
content: "\e667";
|
||||
}
|
||||
.icon-likefill:before {
|
||||
content: "\e668";
|
||||
}
|
||||
.icon-shouye:before {
|
||||
content: "\e669";
|
||||
}
|
||||
.icon-shoujiyanzheng:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
.icon-like:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
.icon-mima:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
.icon-miaosha1:before {
|
||||
content: "\e66d";
|
||||
}
|
||||
.icon-yanzheng:before {
|
||||
content: "\e678";
|
||||
}
|
||||
.icon-jiazaizhong:before {
|
||||
content: "\e681";
|
||||
}
|
||||
.icon-zhaoshangguanli:before {
|
||||
content: "\e686";
|
||||
}
|
||||
.icon-H:before {
|
||||
content: "\e68f";
|
||||
}
|
||||
.icon-shangjiazhongxin:before {
|
||||
content: "\e690";
|
||||
}
|
||||
.icon-shouji-copy:before {
|
||||
content: "\e694";
|
||||
}
|
||||
.icon-shurutianxiebi:before {
|
||||
content: "\e69f";
|
||||
}
|
||||
.icon-zhanghao:before {
|
||||
content: "\e6b8";
|
||||
}
|
||||
.icon-xiugaidenglumima:before {
|
||||
content: "\e6b9";
|
||||
}
|
||||
.icon-guanbi:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
.icon-shiyong:before {
|
||||
content: "\e711";
|
||||
}
|
||||
.icon-zhengpinbaozhang2:before {
|
||||
content: "\e722";
|
||||
}
|
||||
.icon-tui1:before {
|
||||
content: "\e738";
|
||||
}
|
||||
.icon-zuji:before {
|
||||
content: "\e755";
|
||||
}
|
||||
.icon-youhuiquan:before {
|
||||
content: "\e8c0";
|
||||
}
|
||||
.icon-hedui:before {
|
||||
content: "\ea53";
|
||||
}
|
||||
.icon-dian:before {
|
||||
content: "\ec1e";
|
||||
}
|
||||
270
addon/pc/source/os/assets/css/common/main.scss
Executable file
270
addon/pc/source/os/assets/css/common/main.scss
Executable file
@@ -0,0 +1,270 @@
|
||||
// 参考文档：https://element.faas.ele.me/#/zh-CN/component/color#fu-zhu-se
|
||||
|
||||
//主色调，红色：#FF0036，绿色 #4CAF50，蓝色：#03A9F4，黄色：#FF9800，粉色：#FF547B，棕色：#C3A769，浅绿色：#65C4AA，黑色：#333333，紫色：#B323B4，淡粉色：#FF8B8B,element UI：#409eff
|
||||
$base-color: #ff547b;
|
||||
$base-color-success: #4caf50;
|
||||
$base-color-warning: #e6a23c;
|
||||
$base-color-danger: #f56c6c;
|
||||
$base-color-info: #909399;
|
||||
|
||||
/* 文字基本颜色 */
|
||||
$ns-text-color-black: #303133; //基本色
|
||||
|
||||
/* 文字尺寸 */
|
||||
$ns-font-size-sm: 12px;
|
||||
$ns-font-size-base: 14px;
|
||||
$ns-font-size-lg: 16px;
|
||||
|
||||
$width: 1210px;
|
||||
|
||||
// 小
|
||||
.ns-font-size-sm {
|
||||
font-size: $ns-font-size-sm;
|
||||
}
|
||||
|
||||
// 标准
|
||||
.ns-font-size-base {
|
||||
font-size: $ns-font-size-base;
|
||||
}
|
||||
|
||||
// 标准
|
||||
.ns-font-size-lg {
|
||||
font-size: $ns-font-size-lg;
|
||||
}
|
||||
|
||||
//文字颜色
|
||||
.ns-text-color {
|
||||
color: $base-color !important;
|
||||
}
|
||||
|
||||
.ns-text-color-black {
|
||||
color: $ns-text-color-black !important;
|
||||
}
|
||||
|
||||
//边框
|
||||
.ns-border-color {
|
||||
border-color: $base-color !important;
|
||||
}
|
||||
|
||||
//背景色
|
||||
.ns-bg-color {
|
||||
background-color: $base-color !important;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.8;
|
||||
font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
|
||||
background-color: #f9f9f9;
|
||||
font-size: $ns-font-size-base;
|
||||
color: $ns-text-color-black;
|
||||
}
|
||||
|
||||
#__nuxt {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
#nprogress .bar {
|
||||
background: $base-color !important; //自定义颜色
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
i,
|
||||
em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// 去掉a标签的默认样式
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $ns-text-color-black;
|
||||
|
||||
&:hover {
|
||||
color: $base-color;
|
||||
}
|
||||
}
|
||||
|
||||
.el-main {
|
||||
border-top: solid 1px #f2f2f2;
|
||||
overflow: initial;
|
||||
// width: $width;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.el-button:focus,
|
||||
.el-button:hover {
|
||||
color: $base-color;
|
||||
border-color: lighten($base-color, 20%);
|
||||
background-color: lighten($base-color, 30%);
|
||||
}
|
||||
|
||||
// 改变按钮默认样式
|
||||
.el-button--primary,
|
||||
.el-button--primary:focus,
|
||||
.el-button--primary:hover,
|
||||
.el-button--primary.is-plain:focus,
|
||||
.el-button--primary.is-plain:hover {
|
||||
background-color: $base-color;
|
||||
border-color: $base-color;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.el-button--primary.is-plain {
|
||||
color: $base-color;
|
||||
background-color: transparent;
|
||||
border-color: $base-color;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// 居中
|
||||
.ns-text-align {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// 分页
|
||||
.el-pagination {
|
||||
text-align: right;
|
||||
|
||||
.el-pagination__rightwrapper {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 单行超出隐藏 */
|
||||
.using-hidden {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
white-space: break-spaces;
|
||||
}
|
||||
|
||||
/* 多行超出隐藏 */
|
||||
.multi-hidden {
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.el-breadcrumb__inner a:hover,
|
||||
.el-breadcrumb__inner.is-link:hover {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-tabs__item:hover,
|
||||
.el-tabs__item.is-active {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-tabs__active-bar {
|
||||
background-color: $base-color;
|
||||
}
|
||||
|
||||
.el-pager li.active {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-pagination.is-background .el-pager li:not(.disabled):hover {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||
background-color: $base-color;
|
||||
}
|
||||
|
||||
.el-menu-item.is-active {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-progress-bar__inner {
|
||||
background-color: $base-color;
|
||||
}
|
||||
|
||||
.el-link.el-link--default:hover {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-button--text {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-input.is-active .el-input__inner,
|
||||
.el-input__inner:focus {
|
||||
border-color: $base-color;
|
||||
}
|
||||
|
||||
.el-loading-spinner .path {
|
||||
stroke: $base-color;
|
||||
}
|
||||
|
||||
.el-loading-spinner i {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-loading-spinner .el-loading-text {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
||||
background-color: $base-color;
|
||||
border-color: $base-color;
|
||||
}
|
||||
|
||||
.el-checkbox__input.is-checked + .el-checkbox__label {
|
||||
color: $base-color;
|
||||
}
|
||||
|
||||
.el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: $base-color;
|
||||
background: $base-color;
|
||||
}
|
||||
.el-textarea__inner:focus{
|
||||
border-color: $base-color;
|
||||
}
|
||||
Reference in New Issue
Block a user