Skip to content

yijuhui-management
yijuhui-management
Commit e67363a3 authored by taokouzi's avatar taokouzi
Browse files
Options

登录页

parent aef97adc
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2410 additions and 0 deletions
src/assets/style/css/btn.scss 0 → 100644
View file @ e67363a3
@import './variables.scss';
@mixin colorBtn($color) {
background: $color;
&:hover {
color: $color;
&:before,
&:after {
background: $color;
}
}
}
.blue-btn {
@include colorBtn($blue)
}
.light-blue-btn {
@include colorBtn($light-blue)
}
.red-btn {
@include colorBtn($red)
}
.pink-btn {
@include colorBtn($pink)
}
.green-btn {
@include colorBtn($green)
}
.tiffany-btn {
@include colorBtn($tiffany)
}
.yellow-btn {
@include colorBtn($yellow)
}
.pan-btn {
font-size: 14px;
color: #fff;
padding: 14px 36px;
border-radius: 8px;
border: none;
outline: none;
transition: 600ms ease all;
position: relative;
display: inline-block;
&:hover {
background: #fff;
&:before,
&:after {
width: 100%;
transition: 600ms ease all;
}
}
&:before,
&:after {
content: '';
position: absolute;
top: 0;
right: 0;
height: 2px;
width: 0;
transition: 400ms ease all;
}
&::after {
right: inherit;
top: inherit;
left: 0;
bottom: 0;
}
}
.custom-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
color: #fff;
-webkit-appearance: none;
text-align: center;
box-sizing: border-box;
outline: 0;
margin: 0;
padding: 10px 15px;
font-size: 14px;
border-radius: 4px;
}
.home-form-header {
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
background: #ffffff;
}
}
.text-danger{
color: #f56c6c!important;
&:hover{
color: #f56c6c!important;
}
}
.text-primary{
color: #409EFF!important;
&:hover{
color: #409EFF!important;
}
}
.text-weight-6{
font-weight:600;
}
\ No newline at end of file
src/assets/style/css/comm.scss 0 → 100644
View file @ e67363a3
.inlineB{ display: inline-block; }
.num-height-1{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; }
.num-height-2{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-word-wrap:break-word;}
.num-height-3{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-word-wrap:break-word;}
.num-height-4{overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-word-wrap:break-word;}
.b{
border:1px solid #f00;
box-sizing: border-box;
}
*{
box-sizing: border-box;
}
.none{
display: none;
}
.img-cover{
object-fit: cover;
}
.c-p{cursor: pointer;}
.c-d{cursor: default;}
.bg{
background-color: aquamarine;
}
.bg-f{
background-color:#ffffff;
}
.bg-f5{
background-color:#F5F7FA;
}
.line-b{
border-bottom: 1px solid #F0F0F0;
}
.flex{
display: flex;
}
.m-l-20{
margin-left: 20px;
}
.m-r-20{
margin-right: 20px;
}
.m-t-20{
margin-top: 20px;
}
.m-b-20{
margin-bottom: 20px;
}
.m-tb-20{
margin: 20px 0;
}
.m-lr-20{
margin:0 20px;
}
.m-20{
margin: 20px;
}
.p-l-20{
padding-left: 20px;
}
.p-r-20{
padding-right: 20px;
}
.p-t-20{
padding-top: 20px;
}
.p-b-20{
padding-bottom: 20px;
}
.p-tb-20{
padding: 20px 0;
}
.p-lr-20{
padding:0 20px;
}
.p-20{
padding: 20px;
}
.m-lr-10{
margin:0 10px;
}
.p-lr-10{
padding:0 10px;
}
.p-l-10{
padding-left: 10px;
}
.p-b-10{
padding-bottom: 10px;
}
.p-tb-10{
padding: 10px 0;
}
.p-r-10{
padding-right: 10px;
}
.p-10{
padding: 10px;
}
.b-r-6{
border-radius: 4px;
overflow: hidden;
}
._flex{display: flex;}
._flex1{flex: 1;}
.ai{
display: flex;
align-items: center;
display: -webkit-flex;
-webkit-align-items: center;
}
.aj{
display: flex;
align-items: center;
justify-content: center;
display: -webkit-flex;
-webkit-align-items: center;
-webkit-justify-content: center;
}
.ab{
display: flex;
align-items: center;
display: -webkit-flex;
-webkit-align-items: center;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.t-c{text-align: center !important;}
.t-r{text-align: right !important;}
._hover:hover{
color: #409EFF !important;
}
.f-20{
font-size: 20px;
}
.f-18{
font-size: 18px;
}
.f-16{
font-size: 16px;
}
.f-14{
font-size: 14px;
}
.f-13{
font-size: 13px;
}
.f-12{
font-size: 12px;
}
._bold{
font-weight: bold;
}
.border{
border:1px solid #F0F0F0;
}
.el-popconfirm__main{
margin: 14px 0;
}
.col-9{
color: #999999;
}
.col-6{
color: #666666;
}
.center-1200{
width: 1200px;
margin: 0 auto;
}
/*自定义滚动条样式*/
.custom-scroll-bar::-webkit-scrollbar{
width:4px;
height:4px;
}
.custom-scroll-bar::-webkit-scrollbar-track{
background: #ffffff;
}
.custom-scroll-bar::-webkit-scrollbar-thumb{
background: #cfcfcf;
border-radius:4px;
}
.custom-scroll-bar::-webkit-scrollbar-thumb:hover{
background: #afafaf;
}
.custom-scroll-bar::-webkit-scrollbar-corner{
background: #cfcfcf;
}
/*自定义滚动条样式 end*/
.red{
color: #FC0100;
&:hover{
color: #FF3333;
}
}
\ No newline at end of file
src/assets/style/css/components.scss 0 → 100644
View file @ e67363a3
This diff is collapsed.
src/assets/style/css/content.scss 0 → 100644
View file @ e67363a3
@mixin content($padding) {
padding: $padding;
}
.views-container {
@include content(20px);
}
src/assets/style/css/dialog-ui.scss 0 → 100644
View file @ e67363a3
.wlm-form-dialog {
min-width: auto;
.wlm-form .wlm-form-content .el-input, .wlm-form .wlm-form-content .el-input-number{
&.wlm-input-auto{
width: auto;
}
}
&.dialog-table {
.el-table__row {
height: 50px;
min-height: 50px;
}
}
border-radius: 6px;
.el-dialog__header,
.el-dialog__body {
padding: 0;
}
.el-scrollbar {
height: 100%;
}
.wlm-dialog-fixheader {
border-bottom: 1px solid #f2f2f2;
padding: 10px 20px;
line-height: 1;
.wlm-dialog-inlenr {
display: inline-block;
width: auto;
line-height: 28px;
font-size: 14px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.wlm-dialog-header {
border-bottom: 1px solid #e9eaec;
padding: 14px 16px;
line-height: 1;
.wlm-dialog-inlenr {
display: inline-block;
width: 100%;
height: 20px;
line-height: 26px;
font-size: 14px;
color: #1c2438;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.wlm-dialog-main {
.el-scrollbar__wrap {
overflow-x: hidden !important;
}
padding: 16px;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
max-height: 520px;
.wlm-table-wrapper {
overflow: hidden;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
p {
white-space: nowrap;
margin: 0 auto;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
&:not(:nth-last-child(1)) {
margin-bottom: 3px;
}
}
}
.wlm-table-logos {
.logo {
height: 38px;
width: 38px;
border-radius: 38px;
vertical-align: middle;
& + .inner-text {
vertical-align: middle;
display: inline-block;
margin-left: 10px;
.inner-title {
display: block;
}
}
}
}
.wlm-dialog-content {
min-height: 108px;
.el-input, .el-input-number{
&:not(.wlm-input-auto){
width: 270px;
}
&.wlm-input-auto{
.el-input{
width: auto;
}
}
}
}
}
.wlm-dialog-footer {
border-top: 1px solid #e9eaec;
padding: 12px 18px 12px 18px;
text-align: right;
}
.wlm-dialog-fixfooter {
border-top: 1px solid #f2f2f2;
height: 50px;
line-height: 50px;
padding: 0 20px;
text-align: right;
position: relative;
z-index: 33;
background: #ffffff;
}
}
src/assets/style/css/element-ui.scss 0 → 100644
View file @ e67363a3
//覆盖一些element-ui样式
.el-breadcrumb__inner, .el-breadcrumb__inner a{
font-weight: 400!important;
}
.el-upload {
input[type="file"] {
display: none !important;
}
}
.el-upload__input {
display: none;
}
.cell {
.el-tag {
margin-right: 0px;
}
}
.small-padding {
.cell {
padding-left: 5px;
padding-right: 5px;
}
}
.fixed-width{
.el-button--mini{
padding: 7px 10px;
width: 60px;
}
}
.status-col {
.cell {
padding: 0 10px;
text-align: center;
.el-tag {
margin-right: 0px;
}
}
}
//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
transform: none;
left: 0;
position: relative;
margin: 0 auto;
}
//文章页textarea修改样式
.article-textarea {
textarea {
padding-right: 40px;
resize: none;
border: none;
border-radius: 0px;
border-bottom: 1px solid #bfcbd9;
}
}
//element ui upload
.upload-container {
.el-upload {
width: 100%;
.el-upload-dragger {
width: 100%;
height: 200px;
}
}
}
//dropdown
.el-dropdown-menu{
a{
display: block
}
}
//表格头颜色
.el-pagination {
margin-top: 40px;
margin-bottom: 40px;
}
.el-table__header thead.has-gutter tr th {
padding: 8px 0;
background-color: #f2f2f2 !important;
}
//日历组件
.el-date-editor .el-range-separator {
width: 7%;
}
//复合型输入框
.el-input-group__append, .el-input-group__prepend{
padding: 0 12px;
}
.el-range-editor--small.el-range-separator {
line-height: 27px;
}
.tooltip-menu-item.el-tooltip__popper.is-light{
padding: 0;
background: #fff;
color: #303133;
}
//调小弹出框
.el-dialog{
width: 40%;
}
// .el-switch.switch-big .el-switch__core {
// height: 30px;
// line-height: 30px;
// border-radius: 30px;
// }
// .el-switch.switch-big .el-switch__core::after {
// height: 25px;
// width: 25px;
// }
// .el-switch.switch-big.is-checked .el-switch__core::after {
// margin-left: -26px !important;
// }
.el-tooltip__popper.is-light{
border:1px solid #c3c5ca;
color: #c3c5ca;
}
.tooltip-menu-item.el-tooltip__popper.is-light{
color: #c3c5ca;
}
.icon-slot .icon-new{
background-color: #f56c6c;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 12px;
height: 14px;
line-height: 12px;
padding: 0px 4px;
zoom: 0.9;
text-align: center;
white-space: nowrap;
border: 1px solid #fff;
position: absolute;
top: 7px;
right: 36px;
transform: translateY(-50%) translateX(100%);
}
.el-message{
min-width: 50px !important;
padding: 10px 12px !important;
background-color: #ffffff !important;
border-color: transparent !important;
box-shadow: 0px 2px 12px 0px rgba(221, 221, 221, 0.5) !important;
margin-top: -2px !important;
.el-message__icon{
margin-right: 4px;
}
.el-message__content{
color: #666666 !important;
font-size: 14px;
}
}
.el-button--small, .el-button--small.is-round {
padding: 8px 12px !important;
}
.el-popconfirm__main{
margin-bottom:10px !important;
}
\ No newline at end of file
src/assets/style/css/element-variables.scss 0 → 100644
View file @ e67363a3
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;
$--button-font-weight: 400;
// $--color-text-regular: #1f2d3d;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: 1px solid #dfe6ec;
/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";
// @import "~element-ui/packages/theme-chalk/src/index";
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
theme: $--color-primary;
}
src/assets/style/css/form-ui.scss 0 → 100644
View file @ e67363a3
.wlm-form {
$is-success:#409EFF;
overflow: hidden;
border-radius: 4px;
margin-bottom: 20px;
background: #ffffff;
textarea[name="editorValue"] {
opacity: 0;
line-height: 0;
}
// ::v-deep .el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{
// &:not(:nth-child(0)){
// margin-bottom: 18px;
// }
// }
.el-input-group{
display: flex;
.el-input-group__prepend,.el-input-group__append{
text-align: center;
height: 32px;
line-height: 32px;
width: auto;
}
}
.el-input-group>.el-input__inner {
vertical-align: baseline;
}
.wlm-update-load{
// <div class="flex-row flex-align-c flex-justify-c wlm-update-load"><i class="el-icon-plus avatar-uploader-icon"></i></div>
cursor: pointer;
border:1px dashed #c0ccda;
width: 100px;
height: 100px;
background: #fafbff;
color: #a8abb0;
border-radius: 5px;
.avatar-uploader-icon{
font-size: 28px;
color: #8c939d;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
}
.form-help {
color: #999;
line-height: 14px;
margin-top: 10px;
font-size: 12px;
font-weight: normal;
}
.pointer{
cursor: pointer;
}
.wlm-form-steps {
.el-steps.el-steps--horizontal {
flex-grow: 1;
.el-step__title{
&.is-finish{
color: $is-success;
}
}
.el-step__head {
zoom: 1.8;
&.is-finish {
color: $is-success;
border-color: $is-success;
}
.el-step__line {
height: 1px;
}
.el-step__icon.is-text {
border: 1px solid;
}
}
.el-step__description {
font-size: 14px;
&.is-finish {
color: $is-success;
}
}
}
}
.wlm-form-notice{
margin: 20px;
background: #f4f4f5;
padding: 14px 20px;
color: #909399;
font-size: 14px;
&.warning{
background: #fff7cc;
border: 1px solid #feb;
color: #333;
}
.notice-link{
cursor: pointer;
color: #409EFF !important;
margin-left: 10px;
&+.notice-link{
margin-right: 10px;
}
}
}
.wlm-form-hearder{
font-weight: 600;
font-size: 15px;
line-height: 27px;
border-bottom: 1px solid #f2f2f2;
padding: 10px 20px;
}
.wlm-form-notice i{
font-size: 17px;
margin-right: 4px;
}
.wlm-form-header { //标题
padding: 20px;
font-weight: 600;
font-size: 15px;
line-height: 27px;
border-bottom: 1px solid #f2f2f2;
padding: 10px 20px;
.sub-title{
font-size: 12px;
margin-left: 10px;
&+.sub-title{
margin-right: 10px;
}
}
}
.wlm-channel-card{
&.bg-1{
background: #4dbe2e;
.card-header{
.title{
em{
background-color: #41aa24;
}
}
}
}
.card-header{
height: 135px;
padding: 24px;
color: #fff;
padding-left: 147px;
position: relative;
.logo {
position: absolute;
top: 50%;
left: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.title {
font-size: 20px;
line-height: 24px;
margin-bottom: 14px;
font-weight: normal;
em {
display: inline-block;
height: 18px;
line-height: 18px;
padding: 0 6px;
font-size: 12px;
border-radius: 9px;
margin-left: 10px;
font-style: italic;
}
}
.info{
font-family: "PingFang SC", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
font-weight: normal;
}
.primary-text {
color: #fb6638 !important;
}
}
}
.wlm-form-header-radio{
padding: 30px 60px 20px;
}
.wlm-form-content {//内容部分
&:not(.no-pd){
padding: 20px;
}
.wlm-error-deep.is-error{
.el-input__inner, .el-input__inner:focus, .el-textarea__inner, .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus{
border-color: #f56c6c!important;
}
}
.wlm-form-parameter{
border: 1px solid #f2f2f2;
.el-form-item__content{
border-left: 1px solid #f2f2f2;
padding-left: 20px;
min-height: 32px;
}
}
&.channel-card{
position: relative;
min-height: 484px;
.main-body {
height: calc(100vh - 240px);
}
.status-main {
}
// .status-main-title {
// font-size: 18px;
// margin-bottom: 4px;
// }
.status-main-title {
text-align: center;
font-size: 14px;
color: #333;
line-height: 14px;
margin-bottom: 20px;
}
.status-main-svg {
width: 25.6px;
height: 22px;
vertical-align: middle;
}
.mar-top-4 {
margin-top: 4px;
}
}
.wlm-form-section{
border-bottom: 1px solid #f2f2f2;
padding: 10px 20px;
margin-bottom: 35px;
line-height: 1;
>.section-inner{
font-size: 14px;
font-weight: 600;
border-left: 2px solid #67c23a;
padding-left: 10px;
margin-left: -20px;
}
&.section-more{
border-bottom: 0;
>.section-inner{
border-left: 0;
padding-left: 0;
}
}
}
.wlm-form-child{
margin-top: 20px;
}
.wlm-input-appendbox{
width: 230px;
.el-input
.el-input__inner {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.el-input-number {
.el-input {
width: 230px;
}
}
.wlm-input-append{
height: 32px;
white-space: nowrap;
padding: 0 13px;
text-align: center;
line-height: 32px;
background: #f5f7fa;
border: 1px solid #dcdfe6;
box-sizing: border-box;
border-right-color: transparent;
border-left-color: transparent;
color: #909399;
&.append-right{
border-right-color: #dcdfe6;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
&.append-left{
border-left-color: #dcdfe6;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
}
.wlm-input-append_s{
height: 32px;
white-space: nowrap;
padding: 0 13px;
text-align: center;
line-height: 32px;
background: #f5f7fa;
border: 1px solid #dcdfe6;
box-sizing: border-box;
border-right-color: transparent;
border-left-color: transparent;
color: #909399;
position: absolute;
left: 110px;
&.append-right{
border-right-color: #dcdfe6;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
&.append-left{
border-left-color: #dcdfe6;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
}
}
.wlm-form-group{
&.flex-col{
&:not(.no-top){
margin-top: 10px;
}
.el-radio+.el-radio{
margin-left: 0;
margin-top: 20px;
}
}
.el-form-item{
margin:20px 0 0 20px;
&.inline{
display: inline-block;
margin: 0;
}
}
}
.el-form-item__label {
white-space: nowrap;
font-weight: 400;
padding: 0 20px 0 0;
}
.el-input, .el-input-number{
&:not(.wlm-input-auto){
width: 270px;
}
&.wlm-input-auto{
.el-input{
width: auto;
}
}
}
// .wlm-input-auto {
// .el-input, .el-input-number{
// width: 270px;
// }
// }
.wlm-upload-img{
display: inline-block;
width: 98px;
height: 98px;
border: 1px solid #f2f2f2;
}
.send .el-input {
width: 210px;
}
.city .el-input{
width: 130px;
}
.slider .el-input{
width: auto;
}
.el-textarea {
width: 270px;
}
.el-date-editor{
width: 270px;
}
.min-input .el-input {
width: 120px;
}
.min-input .el-input+.el-input {
margin-left: 14px;
}
.min-input span{
margin: 0 8px;
}
}
}
.wlm-fixed-btn{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 58px;
border-top: 1px solid #ededed;
background: #ffffff;
z-index: 99;
transform: translateZ(0);
-webkit-transform: translateZ(0);
.el-button {
margin:0 10px;
}
}
._other .el-form-item__label{
line-height: 24rpx !important;
white-space: normal !important;
}
\ No newline at end of file
src/assets/style/css/iconfont.css 0 → 100644
View file @ e67363a3
@font-face {
font-family: 'iconfont';
src: url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTY4h4osAAAq8AAAAHEdERUYAKQANAAAKnAAAAB5PUy8yPG5JJQAAAVgAAABWY21hcOYj0QkAAAHIAAABUmdhc3D//wADAAAKlAAAAAhnbHlm7zoXBgAAAywAAARoaGVhZBui/4UAAADcAAAANmhoZWEHwwOFAAABFAAAACRobXR4DKUAYQAAAbAAAAAWbG9jYQK0A6AAAAMcAAAAEG1heHABGQCmAAABOAAAACBuYW1lKeYRVQAAB5QAAAKIcG9zdBU3QqcAAAocAAAAdQABAAAAAQAAipJ3NV8PPPUACwQAAAAAANw+3cEAAAAA3D7dwQAh/54D5QNoAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAPlAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAJoACAAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5gDnMwOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAAAAAAEAAAABAAAIQBlAEAAQAAAAAAAAwAAAAMAAAAcAAEAAAAAAEwAAwABAAAAHAAEADAAAAAIAAgAAgAA5gHmCOcz//8AAOYA5gjnM///GgMZ/RjTAAEAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAQIAAAACAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOABbAHUAjQACAAh/6wD5QNJADAANABQAGEAaQByAH0AmQAAATQmJyYiDwEmLwE1Mz4BPQE0JichDgEHFR4BFxUUBw4BBxEeARchPgE3LgEnIzc+AQEhFSEDET4BNz4BPQEhFRQWFw8BBg8BDgEVFBYXIy4BJSMOAQcUFwYmJy4BNTQ/ARcHLgE0NjczFTcUBgcjNTMeARMHJzc2MhceARUUBTMyNjQmKwE1NCYiBgcVIyIGFBY7ARUeATI2NQPlHx5ApkIJAwQDBhsjIxv+HRojAQEiGQMyNwEBMSQCmDFBAQFBMQihHh/8tgHN/jMxCjAOEhMBTRMRaAMFA4oeHxsYygUHAj1OMEEBBx47FxQUKXe4VREYGBE2qRgSNjYSGDmUt48pbCoTFP1zNw8VFQ83FR8UATYPFRUPNgEVHhUB5ylMHjw+CwQDAgoBIxpNGiMBASMaTRoiAgkBAh8yHv39JDEBAkAxMUACwh1MAUM3/TkCAAshCAwhEwoKEyEMegEFBqEdTComRB0BB5UCQDEVEwQTFxMxGzcric2lARckFwFUKhIXAVQBFwFUssynJycTMRs3WhUfFTYQFRUQNhUfFTYPFhYPAAMAZf+eA6wDYAARADYAWwAAASImPQE0Njc2HgEHDgEXFRQGASEuATQ2NzMyNicRJjY3NSY2Nx4BBxUeAQcRFBY7ATYeARQOASUOARQWFyE+ATQmJyMiJjURNiYvATU2JicOARcVBw4BFxEOAQcBmwwSGxoMIwkNEhIBEgGY/YAnNDQnPAUGAQNRSgE4Kys4AUpSBAYEPB0xHh4x/WMQFhYQAoAQFxcQPB0pA0Y/FgIWEhIVARY/RgMBJx4BbRIMSyVDGg0IIwwSLRhNDBH+MwQ4UDcEBgQBdVKGIxQsPAMDPCwUIodS/ooEBQIZMTcxGY0BFiEWAQEWIRYBKRwBdkNrGAdCEhsCAxoSPwoYa0P+ix4nAQAAAAAEAED/wwO+A0EAGQAvADgARAAAASIuAjURMxUjFR4BFz4BNzUjNTMRFA4CEyIuAic1MxUeARc+ATc1MxUUDgITHgEUBiImNDY3DgEHHgEXPgE3LgEBYDpoUyvAYAJtUVJsAmDAK1NoqDtpUysBYANtU1JuAmAsU2muFh0dLB0dFj9TAgJTPz9TAgJTAQErUmk6ASBgwFJsAgJsUsBg/uA6aVIr/sIrU2k7PDxTbQICbVM8PDtpUysB7gEdLB0dLB1hAlM/P1MCAlM/P1MAAAAABABA/9oDwANoAB0AIQAxADsAAAEeARcVMzIeAgcDDgEHIS4BJwMmPgI7ATU+ATcBIRMhAx4CFA4BKwEiLgE0PgE3Ew4BBxUzNS4BJwIAVnACnRQkGQoEZgcwIP4CIDAHZgQKGSQUnQJsVAFr/TZmAf7TDBUMDBUMWAwVDAwVDCwxPQHeATovA2gCa1I1ER8nFP4YHycBAScfAegUJx8RNVFqBP6z/hgBkAELFRgUDAwUGBULAQFMATksNTUrOQIAAAASAN4AAQAAAAAAAAAVACwAAQAAAAAAAQAIAFQAAQAAAAAAAgAHAG0AAQAAAAAAAwAIAIcAAQAAAAAABAAIAKIAAQAAAAAABQALAMMAAQAAAAAABgAIAOEAAQAAAAAACgArAUIAAQAAAAAACwATAZYAAwABBAkAAAAqAAAAAwABBAkAAQAQAEIAAwABBAkAAgAOAF0AAwABBAkAAwAQAHUAAwABBAkABAAQAJAAAwABBAkABQAWAKsAAwABBAkABgAQAM8AAwABBAkACgBWAOoAAwABBAkACwAmAW4ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAAApDcmVhdGVkIGJ5IGljb25mb250CgAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAaQBjAG8AbgBmAG8AbgB0AABpY29uZm9udAAARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgAAR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0LgAAaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAaHR0cDovL2ZvbnRlbGxvLmNvbQAAAgAAAAAAAAAKAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAHAAAAAQACAQIBAwEEAQUQeWFvcGluLWNvcHktY29weRNpY29uX2ppc2hlbmd5b25ncGluC3lpbGlhb3FpY2FpE3NoaXd1c2hhbmdwaW4tbW9yZW4AAAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwAGAAEABAAAAAIAAAAAAAAAAQAAAADVpCcIAAAAANw+3cEAAAAA3D7dwQ==') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-icon_jishengyongpin:before {
content: "\e601";
}
.icon-yiliaoqicai:before {
content: "\e608";
}
.icon-shiwushangpin-moren:before {
content: "\e733";
}
.icon-yaopin-copy-copy:before {
content: "\e600";
}
src/assets/style/css/index.scss 0 → 100644
View file @ e67363a3
This diff is collapsed.
src/assets/style/css/login.scss 0 → 100644
View file @ e67363a3
/* 修复input 背景不协调 和光标变色 */
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
$bg: #fff;
$light_gray: #eee;
$cursor: #000000;
$input_gray: #333;
$dark_gray: #889aa4;
$light_gray: #eee;
$account-icon: #93a2bb;
$verify-code-link: #0079FE;
// @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
// .login-container .el-input input {
// color: $input_gray;
// &::first-line {
// color: $cursor;
// }
// }
// }
/* reset element-ui css */
.login-new-container{
overflow: hidden;
font-size: 0;
position: relative;
white-space: nowrap;
box-shadow: 0 0 20px rgba(0,0,0,.08);
.login-left{
height: 600px;
width: 300px;
border-radius: 3px 0 0 3px;
// background: url(../assets/login/register-bg.jpg) no-repeat center;
img{
height: 600px;
width: 300px;
position: absolute;
top:0;
left: 0;
right: 0;
}
}
.login-new-denglu{
font-size: 16px;
font-weight: 600;
margin-bottom: 90px;
}
}
.login-container {
width: 500px;
height: 600px;
::v-deep .el-input {
display: inline-block;
height: 44px;
margin-left: -48px;
padding-left: 48px;
box-sizing: border-box;
vertical-align: middle;
&.getcode-input{
margin: 0;
padding: 0;
margin-right: -75px;
padding-right: 75px;
cursor: pointer;
}
input {
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent;
border: 1px solid $light_gray;
-webkit-appearance: none;
border-radius: 0px;
padding: 12px 5px 12px 15px;
color: $input_gray !important;
height: 44px;
font-size: 14px;
vertical-align: middle;
caret-color: $cursor;
&:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px $bg inset !important;
-webkit-text-fill-color: $cursor !important;
}
}
}
::v-deep .el-form-item {
border: 0;
background: rgb(255, 255, 255);
border-radius: 5px;
color: #454545;
.el-form-item__error {
position: relative;
display: block;
font-size: 12px;
color: #f1495c;
line-height: 20px;
top: 100%;
left: 0;
padding-top: 6px;
}
&.func-form-item{
margin-bottom: 10px;
margin-top: -18px;
.el-checkbox__label,a {
font-size: 12px;
}
.el-checkbox__label{
color: #495060
}
a.forget{
color: #999;
}
}
}
::v-deep .login-form {
width: 100%;
max-width: 100%;
margin: 0 auto;
.tips {
font-size: 14px;
color: #fff;
margin-bottom: 10px;
span {
&:first-of-type {
margin-right: 16px;
}
}
}
.getcode-container,
.svg-container {
text-align: center;
vertical-align: middle;
display: inline-block;
height: 44px;
padding: 4px 7px;
font-size: inherit;
font-weight: 400;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.getcode-container {
float: right;
font-size: 12px;
color: $verify-code-link;
border: 1px solid $light_gray;
border-left: none !important;
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
border-radius: 4px;
}
.svg-container {
float: left;
color: $account-icon;
box-shadow: none !important;
border-right: none !important;
-webkit-box-shadow: none !important;
position: relative;
border: 1px solid $light_gray;
border-radius: 4px;
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
width: 48px;
}
.show-pwd {
position: absolute;
right: 10px;
top: 7px;
font-size: 16px;
color: $dark_gray;
cursor: pointer;
user-select: none;
}
.thirdparty-button {
position: absolute;
right: 35px;
bottom: 28px;
}
.register-link {
color: rgb(68, 117, 255);
}
.register-link:hover {
text-decoration: underline;
}
}
}
src/assets/style/css/mixin.scss 0 → 100644
View file @ e67363a3
@mixin clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@mixin scrollBar {
&::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
}
@mixin relative {
position: relative;
width: 100%;
height: 100%;
}
@mixin pct($pct) {
width: #{$pct};
position: relative;
margin: 0 auto;
}
@mixin triangle($width, $height, $color, $direction) {
$width: $width/2;
$color-border-style: $height solid $color;
$transparent-border-style: $width solid transparent;
height: 0;
width: 0;
@if $direction==up {
border-bottom: $color-border-style;
border-left: $transparent-border-style;
border-right: $transparent-border-style;
}
@else if $direction==right {
border-left: $color-border-style;
border-top: $transparent-border-style;
border-bottom: $transparent-border-style;
}
@else if $direction==down {
border-top: $color-border-style;
border-left: $transparent-border-style;
border-right: $transparent-border-style;
}
@else if $direction==left {
border-right: $color-border-style;
border-top: $transparent-border-style;
border-bottom: $transparent-border-style;
}
}
@mixin line($direction,$w,$h,$bg) {
@if $direction==after {
&:after {
content: "";
display: inline-block;
position: absolute;
top: 100%;
left: 50%;
margin-top: -$h;
margin-left: -$w/2;
width: $w;
height: $h;
background: $bg;
}
}@else if $direction==before {
&:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -$w/2;
width: $w;
height: $h;
background: $bg;
}
}
}
\ No newline at end of file
src/assets/style/css/popover-ui.scss 0 → 100644
View file @ e67363a3
.el-popover {
.wlm-upload-file {
position: relative;
width: 120px;
height: 120px;
font-size: 28px;
line-height: 120px;
margin-right: 0;
border: 1px dashed #ededed;
text-align: center;
color: #dad9d9;
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
background: #fff;
.close-btn{
position: absolute;
right: -9px;
top: -9px;
cursor: pointer;
font-size: 18px;
}
cursor: pointer;
video{
height: 120px;
}
&.img-center{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
}
src/assets/style/css/sidebar.scss 0 → 100644
View file @ e67363a3
#app {
$menu-last-active：color: #303133;
$menu-wrapper:#273543;
@mixin menu-last{
white-space: nowrap;
}
@mixin menu-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
// 主体区域
.main-container {
min-height: 100%;
transition: margin-left .28s;
position: relative;
border-left: 1px solid rgb(242, 242, 242);
}
// 侧边栏
.sidebar-container {
transition: width 0.28s;
width: 100px !important;
height: 100%;
position: fixed;
font-size: 0px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
overflow: visible;
//reset element-ui css
.horizontal-collapse-transition {
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
.scrollbar-wrapper {
overflow-x: hidden !important;
.el-scrollbar__view {
height: 100%;
}
}
.el-scrollbar__bar.is-vertical {
right: 0px;
}
.is-horizontal {
display: none;
}
a {
display: inline-block;
width: 100%;
overflow: hidden;
}
.svg-icon {
margin-right: 4px;
margin-left: 0 !important;
// margin-left: -4px;
margin-top: 0.15rem;
}
.el-menu {
border: none;
height: 100%;
width: 100% !important;
}
.menu-wrapper>li.el-submenu{
position: relative !important;
}
.menu-wrapper ul.el-menu {
position: fixed;
transition: none!important;
left: 100px;
top: 0;
width: 110px !important;
background: #ffffff !important;
overflow: hidden;
overflow-y: auto;
}
.menu-wrapper ul li {
position: relative;
background: #ffffff !important;
}
.menu-wrapper ul li svg {
display: none;
}
.is-active>.el-submenu__title {
color: #f4f4f5 !important;
background:#409EFF !important;
}
// .is-active.is-opened>ul.el-menu{
// display: block!important;
// }
.el-submenu__title {
text-overflow: ellipsis;
overflow: hidden;
line-height: 36px!important;
height: 36px!important;
padding-left: 15px!important;
@include menu-center;
.icon-slot{
width: 0;
span{
display: inline-block;
width: 55px;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.submenu-title-noDropdown {
text-overflow: ellipsis;
overflow: hidden;
line-height: 36px!important;
height: 36px!important;
padding-left: 15px !important;
@include menu-center;
.icon-slot{
width: 0;
span{
display: inline-block;
width: 55px;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.el-submenu__title.is-active,.submenu-title-noDropdown.is-active,::v-deep .el-submenu.is-active>.el-submenu__title{
background: #409EFF !important;
color: #ffffff !important;
}
::v-deep .menu-wrapper.nest-menu {
>li.el-submenu .el-submenu__title{
padding-bottom: 10px;
&:hover{
background-color: #f2f7ff !important;
}
}
.el-submenu.is-active .el-submenu__title{
color: $menuCurrent!important;
}
}
.menu-wrapper{
&:not(.nest-menu){
padding-bottom: 10px;
background-color: $menu-wrapper;
}
}
.el-submenu__icon-arrow {
display: none;
}
}
.hideSidebar {
.sidebar-container {
width: 36px !important;
}
.main-container {
margin-left: 36px;
}
.submenu-title-noDropdown {
padding-left: 10px !important;
position: relative;
.el-tooltip {
padding: 0 10px !important;
}
}
.el-submenu {
overflow: hidden;
&>.el-submenu__title {
padding-left: 10px !important;
text-overflow: ellipsis;
overflow: hidden;
}
}
.el-menu--collapse {
.el-submenu {
&>.el-submenu__title {
&>span {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
display: inline-block;
}
}
}
}
}
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.sidebar-container .el-submenu .el-menu-item {
min-width: 110px !important;
color: #666666!important;
>span{
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 30px;
line-height: 30px;
margin-left: -10px;
margin-right: 10px;
padding: 0 10px!important;
}
&.is-active{
// color: rgb(64, 158, 255)!important;
>span{
background: #ebedf0!important;
color: $menuChild;
}
}
&.group-menu-title{
display: inline-block;
height: 50px!important;
line-height: 50px!important;
color: #333333!important;
}
&.group-menu-title:hover{
color: #333333!important;
cursor : default;
}
background-color: $subMenuBg !important;
padding:0 0 0 20px!important;
height: 36px!important;
line-height: 36px!important;
&.group-end-menubox{
height: 44px!important;
}
text-align: left;
&:hover {
color: #409EFF !important;
}
}
.group-title{
display: inline-block;
position: relative;
color: rgb(195, 195, 195);
cursor: default;
min-width: 110px !important;
background-color: #ffffff !important;
padding: 0 0 0 20px!important;
// height: 30px;
// line-height: 10px;
font-size: 12px;
margin-bottom: 14px;
margin-top: 15px;
text-align: left;
&:hover{
background: #fff;
}
.line-scope{
position: absolute;
top: -16px;
left: 10px;
right: 10px;
height: 1px;
background-color: #f2f2f2;
}
}
.sidebar-container .nest-menu>li.el-submenu>ul.el-menu{
@include menu-last;
left: 250px;
width: auto!important;
height: auto;
right: 250px;
top: 0;
a.menu-wrapper.nest-menu{
width: auto!important;
.is-last{
position: relative;
display: inline-block;
text-align: center;
text-overflow: ellipsis;
background: transparent!important;
overflow: hidden;
padding: 0!important;
width: 110px!important;
line-height: 40px;
&.is-active{
@include line(after,50px,2px,rgb(64, 158, 255))
}
}
}
}
.el-menu--collapse .el-menu .el-submenu {
min-width: 100px !important;
}
.trademark{
height: 60px;
background: #273543;
}
.trademark-img{
height: 32px;
width: 32px;
border-radius: 32px;
}
.group-end{
border-width: 0px 0px 1px;
border-style: solid;
border-color: $group-end;
}
::v-deep .group-end-menu{
display: inline-block;
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
border-width: 0px 0px 1px;
border-style: solid;
border-color:$group-end;
}
//适配移动端
.mobile {
.main-container {
margin-left: 0px;
}
.sidebar-container {
transition: transform .15s;
width: 100px !important;
}
&.hideSidebar {
.sidebar-container {
transition-duration: 0.3s;
transform: translate3d(-100px, 0, 0);
}
}
}
.withoutAnimation {
.main-container,
.sidebar-container {
transition: none;
}
}
}
.el-menu--vertical {
&>.el-menu {
.svg-icon {
margin-right: 16px;
}
}
}
src/assets/style/css/table-ui.scss 0 → 100644
View file @ e67363a3
.wlm-table{
font-size: 14px;
.el-input-number{
&:not(.wlm-input-auto){
width: 270px;
}
&.wlm-input-auto{
.el-input{
width: auto;
}
}
}
.wlm-table-notice{
margin: 20px;
background: #f4f4f5;
padding: 14px 20px;
color: #909399;
font-size: 14px;
&.warning{
background: #fff7cc;
border: 1px solid #feb;
color: #333;
}
}
.dashboard-header {
.dashboard-header-item{
font-size: 18px;
.item-title{
i {
font-size: 20px;
margin-left: 5px;
}
}
.item-num{
.text-danger{
font-size: 24px;
font-weight: normal;
}
margin-top: 10px;
font-weight: 600;
font-size: 22px;
margin-left: -10px;
}
}
}
.wlm-carousel{
margin-bottom: 20px;
}
&:not(.no-bg){
background: #ffffff;
padding: 15px;
}
.wlm-table-hearder-btn{
margin-bottom: 20px;
}
.el-button--mini, .el-button--small{
font-size: 14px;
}
.el-table thead{
&.has-gutter{
background-color: #f2f2f2;
}
}
.wlm-table-header{//表格头部
background-color: #f8f8f8;
padding: 20px;
font-size: 14px;
margin-bottom: 30px;
.el-form-item.filter{
.el-form-item__content{
margin-left: 0!important;
}
}
.retail-form{//表单内容项
.el-form-item.main-fields{
display: flex;
max-width: 750px;
flex-wrap: wrap;
}
.filter-actions{//表单筛选项
margin-left: 80px;
.wlm-btn+.wlm-btn{
margin-left: 10px;
}
}
.search{
.el-select{
width: 120px;
margin-right: 12px;
}
}
.filter{
.el-select{
width: 160px;
}
}
.el-form-item .el-form-item{
margin-bottom: 0;
}
.el-form-item__label{
font-size: 14px;
white-space: nowrap;
font-weight: 400;
padding: 0;
}
.el-form-item__content{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
.el-input__inner {
margin-right: 12px;
}
.filter-btns{
margin-bottom: 0;
}
}
}
.wlm-table-content{//表单展示部分
.el-table{
::v-deep .el-table__expanded-cell {
padding: 0 0 0 45px;
border-bottom: none;
}
::v-deep .expand {
.el-table__header-wrapper {
display: none;
}
}
// border-radius: 4px;
.wlm-table-wrapper{
overflow: hidden;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
p{
white-space: nowrap;
margin: 0 auto;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
&:not(:nth-last-child(1)){
margin-bottom: 3px;
}
}
}
.wlm-table-logos{
.logo {
height: 38px;
width: 38px;
border-radius: 38px;
vertical-align: middle;
&+.inner-text{
vertical-align: middle;
display: inline-block;
margin-left: 10px;
.inner-title{
display: block;
}
}
}
}
}
.no-column{
line-height: 0!important;
opacity: 0!important;
visibility: hidden!important;
height: 0!important;
border: 0!important;
padding: 0!important;
}
.el-tabs__item{
// background: #f8f8f8;
border-bottom-color: #e4e7ed;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
background: #fff;
}
.el-select{
width: 120px;
}
.el-button+.el-button {
margin-left: 0;
}
.right-8{
margin-right: 8px;
}
.btn-line{
height: 12px;
width: 1px;
background: #a9a9a9;
display: inline-block;
position: absolute;
top: 50%;
margin-left: -2px;
margin-top: -6px;
}
.check-all{
margin:0 8px 0 14px;
}
.pagination-content{
margin-top: 20px;
.el-pagination{
margin-top: 0;
margin-bottom: 0;
.el-input:not(.wlm-input-auto), .el-input-number:not(.wlm-input-auto){
width: auto;
}
}
}
.operation-group{
position: relative;
white-space: nowrap;
.wlm-text{
padding: 0 10px;
cursor: pointer;
display: inline-block;
line-height: 1;
}
.wlm-text:first-child{
padding-left: 0px!important;
}
.el-popover+.el-button.wlm-text{
padding-left: 0px!important;
}
}
.operation-btns{
text-align: left;
margin: 0 auto;
.wlm-btn-row{
width: 200px;
margin: 0 auto;
.wlm-btn{
width: 88px;
margin-bottom: 8px;
}
.wlm-btn+.wlm-btn{
margin-left: 10px;
}
}
}
}
.warning{
background: #f8f8f8;
color: #333;
padding: 18px 20px;
margin:0 0 20px;
.warning-title{
font-weight:600;
font-size: 16px;
}
.el-switch{
zoom: 1.5!important;
}
}
}
\ No newline at end of file
src/assets/style/css/table.scss 0 → 100644
View file @ e67363a3
This diff is collapsed.
src/assets/style/css/tabs-ui.scss 0 → 100644
View file @ e67363a3
.el-tabs {
&+.wlm-upload-file {
position: relative;
width: 120px;
height: 120px;
font-size: 28px;
line-height: 120px;
margin-right: 0;
border: 1px dashed #ededed;
text-align: center;
color: #dad9d9;
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
background: #fff;
.close-btn{
position: absolute;
right: -9px;
top: -9px;
cursor: pointer;
font-size: 18px;
}
cursor: pointer;
video{
height: 120px;
}
&.img-center{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
}
src/assets/style/css/transition.scss 0 → 100644
View file @ e67363a3
//globl transition css
/*fade*/
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.28s;
}
.fade-enter,
.fade-leave-active {
opacity: 0;
}
/*fade-transform*/
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all .5s;
}
.fade-transform-enter {
opacity: 0;
// transform: translateX(-30px);
}
.fade-transform-leave-to {
opacity: 0;
// transform: translateX(30px);
}
/*breadcrumb transition*/
.breadcrumb-enter-active,
.breadcrumb-leave-active {
transition: all .5s;
}
.breadcrumb-enter,
.breadcrumb-leave-active {
opacity: 0;
// transform: translateX(20px);
}
.breadcrumb-move {
transition: all .5s;
}
.breadcrumb-leave-active {
position: absolute;
}
src/assets/style/css/variables.scss 0 → 100644
View file @ e67363a3
$primary:#409EFF;
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
//sidebar
$menuBg:#304156;
$subMenuBg:#ffffff;
$menuHover:#f2f7ff;
$menuCurrent:rgb(64, 158, 255);
$menuChild:#323233;
$group-end:#f2f2f2;
//独立版用户选择平台样式
$content-bg:#f9f9f9;
src/assets/style/css/yuncangStore.scss 0 → 100644
View file @ e67363a3
#app {
$menu-last-active：color: #97a8be;
$menu-wrapper:#273543;
@mixin menu-last{
white-space: nowrap;
}
.p-t-b-4{
padding: 4px 0;
}
// 选品中心
.store-home-container{
font-size: 14px;
.el-submenu{
overflow: auto;
background-color: #ffffff !important;
.el-menu-item{
color: #666666 !important;
padding: 0 10px 0 15px!important;
height: 34px !important;
line-height: 34px !important;
// padding: 0 20px 0 40px !important;
text-align: left;
box-sizing: border-box;
position: static;
min-width: 150px;
&-center:hover{
color: #409EFF !important;
}
}
}
.store-home-search{
input{
border-radius: 40px 0 0 40px;
}
.el-input-group__append{
border-radius: 0 40px 40px 0;
}
}
}
.goods-detail-container-left{
display: inline-block;
width: 60px;
padding: 4px 0;
margin-right: 20px;
}
.merchant{
>.ai{
padding: 2px 0;
}
}
.goods-item-left-image{
width: 380px;
.item-big-image{
width:100%;height:380px;
}
.item-images{
width:330px;margin:0 auto;
.item-image{
width:66px;height:66px;
border: 2px solid transparent;
padding: 4px;
font-size: 0;
margin: 0;
&:hover{
border-color: #409EFF;
}
}
&-active{
.item-image-active{
border-color: #409EFF;
}
}
}
.el-carousel__arrow{
height: 56px;
width: 20px;
border-radius: 0;
background-color: #d5d5d5;
display: block !important;
&--left{
left: 0;
}
&--right{
right: 0;
}
}
.el-carousel__indicators{
display: none !important;
}
}
.refund-application-list{
.left10 .el-input__inner{
margin-left: 10px !important;
}
}
.data-list{
.el-card{
border-color: transparent !important;
}
}
.agreement-dialog{
.el-checkbox__input.is-checked+.el-checkbox__label{
color: #606266;
}
}
.header-search{
position: relative;
input{
padding-right: 40px;
}
&-button{
position: absolute;
right: 15px;
font-size: 16px;
cursor: pointer;
}
}
}
.selection-center{
.el-select{
width: 150px;
&:nth-of-type(2){
margin-left: 10px;
}
}
}
.selection-center-220{
.el-select{
width: 220px !important;
&:nth-of-type(2){
margin-left: 20px;
}
}
}
.views-container{
>.el-row{
z-index: 998;
}
}
._disabled.el-input.is-disabled .el-input__inner,
._disabled.el-textarea.is-disabled .el-textarea__inner{
background-color: #ffffff;
color: #606266;
cursor: default;
}
._disabled.not-border .el-input__inner{
background-color: transparent !important;
border-color: transparent !important;
}
.showDrawer{
.el-drawer__body{
background: #F5F7FA;
padding: 20px 0;
}
}
.commodity-detail{
.el-tabs__header{
background-color: #F5F7FA;
.is-active{
background-color: #ffffff;
}
}
.el-tabs--card>.el-tabs__header{
border: none !important;
.el-tabs__item{
border-right: 1px solid #F5F7FA !important;
box-sizing: border-box;
&.is-active{
border: 2px solid #ffffff !important;
border-top-color:#409EFF !important;
}
}
.el-tabs__nav{
border: none !important;
}
}
}
.commodity-sort{
display:flex;
flex-direction: column;
margin-left:2px;
&-top{
position:relative;
top:-6px;
width:4px;
height:4px;
}
&-bottom{
position:relative;
top:-4px;
width:4px;
height:4px;
}
}
.developer-center{
._disabled{
.el-input__inner,.el-textarea__inner{
border-color: #f5f5f5 !important;
}
}
}
.ip{
.el-form-item__label{
width: 240px !important;
}
}
.notice-card{
.el-carousel__button{
width: 4px;
height: 4px;
border-radius: 50%;
}
.is-active{
.el-carousel__button{
background-color:#409EFF;
}
}
}
\ No newline at end of file
src/main.js
View file @ e67363a3
......@@ -7,6 +7,8 @@ import d2Admin from '@/plugin/d2admin'
// store
import store from '@/store/index'
import '@/assets/style/css/index.scss'
// 菜单和路由设置
import router from './router'
import { menuHeader, menuAside } from '@/menu'
......
src/views/system/login/page copy.vue 0 → 100644
View file @ e67363a3
This diff is collapsed.
src/views/system/login/page.vue
View file @ e67363a3
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment