parent
15ffc05b0a
commit
d3bd31c56d
21 changed files with 0 additions and 3268 deletions
@ -1,224 +0,0 @@ |
||||
// 新建图文 |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
.ms-article { |
||||
.ms-flex(); |
||||
width: 100%; |
||||
background: transparent !important; |
||||
padding: 0 !important; |
||||
// 主图文章 |
||||
.ms-main-article{ |
||||
&:hover{ |
||||
cursor: pointer; |
||||
} |
||||
.ms-article-mask { |
||||
background: #000; |
||||
opacity: .2; |
||||
.ms-width-height(100%, 146px); |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
&:hover{ |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
} |
||||
.el-container { |
||||
.ms-container { |
||||
padding: 0; |
||||
background: transparent; |
||||
align-items: flex-start; |
||||
} |
||||
// 侧边 |
||||
.el-aside { |
||||
padding: 14px; |
||||
background: #fff; |
||||
// 主文章 |
||||
.ms-main-article { |
||||
position: relative; |
||||
img { |
||||
.ms-width-height(100%, 146px); |
||||
} |
||||
span { |
||||
position: absolute; |
||||
bottom: 0; |
||||
margin: 15px; |
||||
color: #fff; |
||||
.ms-ellipsis-clamp(2); |
||||
word-break: break-all;//数字单词的情况 |
||||
} |
||||
} // 子文章 |
||||
.ms-article-item { |
||||
.ms-width-height(100%, 70px); |
||||
.ms-flex(); |
||||
padding: 10px 0; |
||||
border-bottom: 1px solid @borderColor; |
||||
position: relative; |
||||
p { |
||||
margin: 0 10px 0 0; |
||||
.ms-flex(); |
||||
align-items: center; |
||||
span { |
||||
width: 100%; |
||||
display: inline-block; |
||||
.ms-ellipsis-clamp(2); |
||||
} |
||||
} |
||||
img { |
||||
.ms-width-height(50px); |
||||
} |
||||
// 遮罩 |
||||
.ms-article-item-mask{ |
||||
visibility: hidden; |
||||
background: rgb(126, 126, 126); |
||||
opacity: .8; |
||||
.ms-width-height(100%,50%); |
||||
position: absolute; |
||||
bottom:0; |
||||
.ms-flex(flex-end); |
||||
align-items: center; |
||||
>i{ |
||||
.ms-font(14px,#fff); |
||||
margin:0 10px 0 auto; |
||||
display: none; |
||||
|
||||
} |
||||
} |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
&:hover{ |
||||
.ms-article-item-mask{ |
||||
visibility: visible; |
||||
>i{ |
||||
display: block; |
||||
} |
||||
} |
||||
} |
||||
} // 尾部 |
||||
.ms-article-footer { |
||||
background: #fff; |
||||
padding-top: 20px; |
||||
.el-button { |
||||
width: 100%; |
||||
background: rgb(242, 242, 246); |
||||
i, |
||||
span { |
||||
.ms-font(@auxiliarySize, @auxiliaryColor); |
||||
} |
||||
} |
||||
} |
||||
} // 内容区域 |
||||
.el-main { |
||||
flex: 1; |
||||
margin-left: 14px; |
||||
padding: 0 !important; |
||||
.ms-main-header { |
||||
position: relative; |
||||
background: #fff; |
||||
.ms-flex(); |
||||
height: 180px; |
||||
padding: 20px; |
||||
padding-bottom: 24px; |
||||
box-sizing: border-box; |
||||
border-bottom: 1px solid @borderColor; // 图片上传 |
||||
.ms-pic-upload { |
||||
.ms-width-height(140px,100%); |
||||
border-radius: 4px; |
||||
border: 1px dashed @borderColor; |
||||
.ms-flex(center); |
||||
flex-direction: column; |
||||
margin-right: 20px; |
||||
.el-upload { |
||||
.ms-flex(); |
||||
flex-direction: column; |
||||
align-items: center; |
||||
span { |
||||
.ms-font(@auxiliarySize, @auxiliaryColor); |
||||
margin-top: 4px; |
||||
} |
||||
i { |
||||
.ms-font(18px, @auxiliaryColor); |
||||
} |
||||
// 文章缩略图 |
||||
.article-thumbnail{ |
||||
.ms-width-height(140px); |
||||
} |
||||
>.ms-article-mask{ |
||||
.ms-width-height(140px); |
||||
.ms-flex(center); |
||||
align-items: center; |
||||
left: 21px; |
||||
top: 20px; |
||||
z-index: 99; |
||||
opacity: .6; |
||||
>i{ |
||||
.ms-font(19px,#fff); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
// 表单 |
||||
.el-form { |
||||
flex: 1; |
||||
margin: 0 !important; |
||||
.ms-flex(); |
||||
flex-direction: column; |
||||
.el-form-item { |
||||
margin-bottom: 0 !important; |
||||
.el-input__suffix { |
||||
top: -3px !important; |
||||
>input{ |
||||
padding-right: 50px !important; |
||||
} |
||||
} |
||||
// 标题输入框预留边距 |
||||
.basic-title-input{ |
||||
>.el-input__inner{ |
||||
padding-right:54px !important; |
||||
} |
||||
} |
||||
} |
||||
.el-form-item:last-child{ |
||||
padding-top: 4px; |
||||
} |
||||
} |
||||
} |
||||
.ms-main-body { |
||||
height: calc(~'100% - 180px'); |
||||
background: #fff; |
||||
.edui-editor-toolbarbox{ |
||||
border: none !important; |
||||
box-shadow: none !important; |
||||
} |
||||
.edui-default { |
||||
// 设置edui-default的class样式会导致选择工具栏会出现抖动,是因为这个class类是通用样式 |
||||
.edui-editor { |
||||
border: none !important; |
||||
.edui-editor-toolbarboxouter { |
||||
background-color: none !important; |
||||
background-image: none !important; |
||||
box-shadow: none !important; |
||||
border-bottom: none !important; |
||||
} // 编辑器样式 |
||||
.edui-editor { |
||||
border: none !important; |
||||
.edui-editor-toolbarbox { |
||||
box-shadow: none !important; |
||||
.edui-editor-toolbarboxouter { |
||||
background-color: transparent !important; |
||||
background-image: none !important; |
||||
border: none !important; |
||||
border-radius: 0 !important; |
||||
box-shadow: none !important; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.edui-editor-toolbarboxinner{ |
||||
background: #fff; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,138 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.el-submenu .el-menu-item.is-active { |
||||
border-radius: 4px; |
||||
} |
||||
.el-card, |
||||
.el-message { |
||||
border-radius: 0 !important; |
||||
} |
||||
@ -1,376 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.el-submenu .el-menu-item.is-active { |
||||
border-radius: 4px; |
||||
} |
||||
.el-card, |
||||
.el-message { |
||||
border-radius: 0 !important; |
||||
} |
||||
.ms-article { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
width: 100%; |
||||
background: transparent !important; |
||||
padding: 0 !important; |
||||
} |
||||
.ms-article .ms-main-article:hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-article .ms-main-article .ms-article-mask { |
||||
background: #000; |
||||
opacity: .2; |
||||
width: 100%; |
||||
height: 146px; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.ms-article .ms-main-article .ms-article-mask:hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-article .el-container .ms-container { |
||||
padding: 0; |
||||
background: transparent; |
||||
align-items: flex-start; |
||||
} |
||||
.ms-article .el-container .el-aside { |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-main-article { |
||||
position: relative; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-main-article img { |
||||
width: 100%; |
||||
height: 146px; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-main-article span { |
||||
position: absolute; |
||||
bottom: 0; |
||||
margin: 15px; |
||||
color: #fff; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 2; |
||||
-webkit-box-orient: vertical; |
||||
word-break: break-all; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item { |
||||
width: 100%; |
||||
height: 70px; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
padding: 10px 0; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
position: relative; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item p { |
||||
margin: 0 10px 0 0; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item p span { |
||||
width: 100%; |
||||
display: inline-block; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 2; |
||||
-webkit-box-orient: vertical; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item img { |
||||
width: 50px; |
||||
height: 50px; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item .ms-article-item-mask { |
||||
visibility: hidden; |
||||
background: #7e7e7e; |
||||
opacity: .8; |
||||
width: 100%; |
||||
height: 50%; |
||||
position: absolute; |
||||
bottom: 0; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
align-items: center; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item .ms-article-item-mask > i { |
||||
font-weight: initial; |
||||
font-size: 14px; |
||||
color: #fff; |
||||
margin: 0 10px 0 auto; |
||||
display: none; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item:hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item:hover .ms-article-item-mask { |
||||
visibility: visible; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-item:hover .ms-article-item-mask > i { |
||||
display: block; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-footer { |
||||
background: #fff; |
||||
padding-top: 20px; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-footer .el-button { |
||||
width: 100%; |
||||
background: #f2f2f6; |
||||
} |
||||
.ms-article .el-container .el-aside .ms-article-footer .el-button i, |
||||
.ms-article .el-container .el-aside .ms-article-footer .el-button span { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
} |
||||
.ms-article .el-container .el-main { |
||||
flex: 1; |
||||
margin-left: 14px; |
||||
padding: 0 !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header { |
||||
position: relative; |
||||
background: #fff; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
height: 180px; |
||||
padding: 20px; |
||||
padding-bottom: 24px; |
||||
box-sizing: border-box; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload { |
||||
width: 140px; |
||||
height: 100%; |
||||
border-radius: 4px; |
||||
border: 1px dashed #e6e6e6; |
||||
display: flex; |
||||
justify-content: center; |
||||
flex-direction: column; |
||||
margin-right: 20px; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload .el-upload { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload .el-upload span { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
margin-top: 4px; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload .el-upload i { |
||||
font-weight: initial; |
||||
font-size: 18px; |
||||
color: #999; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload .el-upload .article-thumbnail { |
||||
width: 140px; |
||||
height: 140px; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload .el-upload > .ms-article-mask { |
||||
width: 140px; |
||||
height: 140px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
left: 21px; |
||||
top: 20px; |
||||
z-index: 99; |
||||
opacity: .6; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .ms-pic-upload .el-upload > .ms-article-mask > i { |
||||
font-weight: initial; |
||||
font-size: 19px; |
||||
color: #fff; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .el-form { |
||||
flex: 1; |
||||
margin: 0 !important; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
flex-direction: column; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .el-form .el-form-item { |
||||
margin-bottom: 0 !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .el-form .el-form-item .el-input__suffix { |
||||
top: -3px !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .el-form .el-form-item .el-input__suffix > input { |
||||
padding-right: 50px !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .el-form .el-form-item .basic-title-input > .el-input__inner { |
||||
padding-right: 54px !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-header .el-form .el-form-item:last-child { |
||||
padding-top: 4px; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body { |
||||
height: calc(100% - 180px); |
||||
background: #fff; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-editor-toolbarbox { |
||||
border: none !important; |
||||
box-shadow: none !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-default .edui-editor { |
||||
border: none !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-default .edui-editor .edui-editor-toolbarboxouter { |
||||
background-color: none !important; |
||||
background-image: none !important; |
||||
box-shadow: none !important; |
||||
border-bottom: none !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-default .edui-editor .edui-editor { |
||||
border: none !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-default .edui-editor .edui-editor .edui-editor-toolbarbox { |
||||
box-shadow: none !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-default .edui-editor .edui-editor .edui-editor-toolbarbox .edui-editor-toolbarboxouter { |
||||
background-color: transparent !important; |
||||
background-image: none !important; |
||||
border: none !important; |
||||
border-radius: 0 !important; |
||||
box-shadow: none !important; |
||||
} |
||||
.ms-article .el-container .el-main .ms-main-body .edui-editor-toolbarboxinner { |
||||
background: #fff; |
||||
} |
||||
@ -1,326 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.el-submenu { |
||||
margin: 0 12px; |
||||
} |
||||
.el-submenu .el-menu-item.is-active { |
||||
border-radius: 4px; |
||||
} |
||||
.ms-custom-menu { |
||||
color: #f2f2f6; |
||||
} |
||||
.ms-custom-menu .ms-custom-container { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.ms-custom-menu .ms-custom-container > .ms-container { |
||||
padding: 0; |
||||
background: transparent; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside { |
||||
background: #fff; |
||||
width: 280px !important; |
||||
height: 470px !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container { |
||||
overflow: hidden; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-header { |
||||
height: 40px !important; |
||||
line-height: 40px !important; |
||||
font-weight: initial; |
||||
font-size: 16px; |
||||
color: #fff; |
||||
text-align: center; |
||||
background: #323232; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-main { |
||||
padding: 0; |
||||
width: 280px !important; |
||||
height: 380px !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer { |
||||
white-space: nowrap; |
||||
padding: 0; |
||||
font-size: 0; |
||||
background-color: #FAFAFA; |
||||
width: 280px !important; |
||||
height: 50px !important; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
border-top: 1px solid #e6e6e6 !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer > .el-button { |
||||
width: 40px !important; |
||||
height: 50px !important; |
||||
min-width: 40px; |
||||
padding: 0 !important; |
||||
border: none !important; |
||||
border-right: 1px solid #e6e6e6 !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .el-button { |
||||
border-radius: 0 !important; |
||||
height: 50px !important; |
||||
background: transparent !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu { |
||||
width: 240px; |
||||
font-size: 0; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .el-button { |
||||
flex: 1; |
||||
border: none !important; |
||||
background: transparent !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .el-button span { |
||||
color: #333; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu { |
||||
flex: 1; |
||||
position: relative; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu > .el-button:first-child { |
||||
width: 100%; |
||||
border-right: 1px solid #e6e6e6 !important; |
||||
padding: 10px !important; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 1; |
||||
-webkit-box-orient: vertical; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu .sub-menu-list { |
||||
position: absolute; |
||||
bottom: 60px; |
||||
left: 0; |
||||
border: 1px solid #e6e6e6 !important; |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
flex-direction: column; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu .sub-menu-list > button { |
||||
margin-left: 0 !important; |
||||
border: none !important; |
||||
border-bottom: 1px solid #e6e6e6 !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu .sub-menu-list .ms-create-btn { |
||||
border-bottom: none !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu .sub-menu-list .sub-menu-item { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 1; |
||||
-webkit-box-orient: vertical; |
||||
padding: 10px !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .el-button--default { |
||||
padding: 0 !important; |
||||
flex: 1; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main { |
||||
padding: 0; |
||||
padding-left: 20px; |
||||
flex: 1; |
||||
height: 470px; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card { |
||||
height: 100%; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content, |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content { |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content .el-input, |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content .el-input { |
||||
width: 153px !important; |
||||
height: 30px !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-name .el-form-item__content span, |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content span { |
||||
margin-left: 10px; |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-form-item__content .el-input { |
||||
width: 306px !important; |
||||
height: 30px !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs { |
||||
border: 1px solid #e6e6e6; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tabs__header { |
||||
background: #f2f2f6; |
||||
border-radius: 4px 4px 0 0 !important; |
||||
margin: 0 !important; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tabs__header .el-tabs__nav-scroll { |
||||
padding: 0 20px; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tabs__header .el-tabs__nav-scroll i { |
||||
margin-right: 8px; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane { |
||||
padding: 20px; |
||||
width: 100%; |
||||
height: 220px; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane > div { |
||||
flex: 1; |
||||
border: 1px dashed #e6e6e6; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane > div i { |
||||
font-weight: bolder; |
||||
font-size: 20px; |
||||
color: #0099ff; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane > div span { |
||||
margin-top: 8px; |
||||
line-height: 1; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane > div:hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-custom-menu .ms-custom-container .el-main .custom-menu-card .ms-custom-menu-content .el-tabs .el-tab-pane > div:last-child { |
||||
margin-left: 20px; |
||||
} |
||||
@ -1,125 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #aaa; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #ddd; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #ddd; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #ddd; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
@ -1,203 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #aaa; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #ddd; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #ddd; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #ddd; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.keyword-reply { |
||||
padding-bottom: 20px; |
||||
} |
||||
.keyword-reply .el-select .el-input { |
||||
width: 90px; |
||||
} |
||||
.keyword-reply .el-select .el-input > input { |
||||
padding: 0 10px !important; |
||||
} |
||||
.keyword-reply .ms-keyword-input { |
||||
margin-bottom: 15px !important; |
||||
} |
||||
.keyword-reply .ms-keyword-input .el-input__suffix { |
||||
line-height: 28px; |
||||
} |
||||
.keyword-reply .ms-keyword-input .el-icon-plus { |
||||
margin-left: 20px; |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #0099ff; |
||||
} |
||||
.keyword-reply .ms-keyword-input .el-icon-plus:hover { |
||||
cursor: pointer; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content { |
||||
margin: 0; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .keyword-reply-tabs { |
||||
flex: 1; |
||||
border: 1px solid #ddd; |
||||
border-radius: 4px 4px 0 0 !important; |
||||
min-height: 226px; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .keyword-reply-tabs .el-tabs__header { |
||||
margin: 0 !important; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .keyword-reply-tabs .el-tabs__header .el-tabs__nav-scroll { |
||||
padding: 0 20px; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content { |
||||
position: relative; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .el-icon-delete { |
||||
position: absolute; |
||||
right: 5px; |
||||
bottom: 66px; |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #aaa; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .el-icon-delete:hover { |
||||
cursor: pointer; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content textarea { |
||||
height: 127px !important; |
||||
border: none !important; |
||||
border-bottom: 1px solid #ddd !important; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .footer { |
||||
height: 58px; |
||||
padding: 0 14px; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
align-items: center; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .footer i { |
||||
margin-right: 12px; |
||||
font-size: 16px; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .footer a { |
||||
font-weight: initial; |
||||
font-size: 14px; |
||||
color: #0099ff; |
||||
} |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .footer i:hover, |
||||
.keyword-reply .ms-keyword-reply-content .el-form-item__content .footer a:hover { |
||||
cursor: pointer; |
||||
} |
||||
@ -1,187 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.el-submenu .el-menu-item.is-active { |
||||
border-radius: 4px; |
||||
} |
||||
.el-card, |
||||
.el-message { |
||||
border-radius: 0 !important; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog { |
||||
width: 895px !important; |
||||
height: 587px !important; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body { |
||||
width: 100% !important; |
||||
height: 469px !important; |
||||
padding: 0 !important; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs { |
||||
height: 100%; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__header { |
||||
width: 150px !important; |
||||
box-sizing: border-box; |
||||
margin: 0 !important; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__header .el-tabs__nav-scroll { |
||||
padding: 20px 10px; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar { |
||||
background-color: transparent !important; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__header .el-tabs__nav-scroll .el-tabs__nav .is-active { |
||||
color: #409EFF !important; |
||||
background-color: #ecf5ff; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__header .el-tabs__nav-wrap::after { |
||||
width: 1px !important; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__content { |
||||
height: 100%; |
||||
box-sizing: border-box; |
||||
padding: 20px 20px 10px 20px; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__content .el-tab-pane { |
||||
height: 100%; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
flex-direction: column; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .el-tabs__content .el-tab-pane > div:first-child { |
||||
flex: 1; |
||||
} |
||||
.material-bank-form > .el-dialog__wrapper > .el-dialog > .el-dialog__body > .el-tabs .is-active { |
||||
font-weight: initial; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
@ -1,219 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.ms-weixin-content .ms-header > .el-select--small:first-child { |
||||
width: 100px !important; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list { |
||||
background: #fff; |
||||
margin: 12px; |
||||
padding: 14px; |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item { |
||||
margin: 0 24px 24px 0; |
||||
padding: 0 10px; |
||||
width: 230px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
border: 1px solid #e6e6e6; |
||||
border-radius: 4px; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .head { |
||||
border-bottom: 1px solid #e6e6e6; |
||||
padding: 10px 0; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .head span { |
||||
color: #333; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .head .icon-weixin { |
||||
font-weight: initial; |
||||
font-size: 16px; |
||||
color: #9acd32; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .body { |
||||
display: flex; |
||||
flex-direction: column; |
||||
line-height: 2em; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .body span { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
cursor: pointer; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .body span:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .body img { |
||||
width: 170px; |
||||
height: 110px; |
||||
margin: 0 auto; |
||||
object-fit: cover; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .body p { |
||||
margin: 0; |
||||
color: #333; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 3; |
||||
-webkit-box-orient: vertical; |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .footer { |
||||
display: flex; |
||||
padding: 14px 0; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .footer i { |
||||
color: #333; |
||||
margin: auto; |
||||
cursor: pointer; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .footer i:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-weixin-content .ms-admin-material-list .ms-admin-material-item .footer em { |
||||
width: 1px; |
||||
height: 1em; |
||||
background: #e6e6e6; |
||||
} |
||||
@ -1,178 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.el-submenu .el-menu-item.is-active { |
||||
border-radius: 4px; |
||||
} |
||||
.el-card, |
||||
.el-message { |
||||
border-radius: 0 !important; |
||||
} |
||||
.ms-admin-menu { |
||||
min-height: 100vh; |
||||
min-width: 140px; |
||||
} |
||||
.ms-admin-menu .ms-header { |
||||
border-right: solid 1px #e6e6e6; |
||||
} |
||||
.ms-admin-menu .ms-header div { |
||||
height: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.ms-admin-menu .ms-header div i { |
||||
display: inline-block; |
||||
text-align: center; |
||||
line-height: 1.4em; |
||||
width: 1.4em; |
||||
height: 1.4em; |
||||
border-radius: 4px; |
||||
color: #fff; |
||||
font-size: 1.4em; |
||||
background: #02CF5D; |
||||
} |
||||
.ms-admin-menu .ms-header div span { |
||||
margin: auto; |
||||
} |
||||
.ms-admin-menu .el-main { |
||||
padding: 0; |
||||
} |
||||
.ms-admin-menu .el-main .ms-admin-menu-menu { |
||||
min-height: calc(100vh - 50px); |
||||
background: #fff; |
||||
} |
||||
.ms-admin-menu .el-main .ms-admin-menu-menu .el-menu-item { |
||||
min-width: 140px; |
||||
width: 140px; |
||||
} |
||||
.ms-admin-menu .el-main .ms-admin-material-item { |
||||
min-width: 100% !important; |
||||
} |
||||
@ -1,250 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-admin-message-reply .ms-container { |
||||
display: flex; |
||||
height: 256px; |
||||
} |
||||
.ms-admin-message-reply .ms-container .message-reply-tabs { |
||||
padding-left: 12px; |
||||
} |
||||
.ms-message-reply { |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
height: auto; |
||||
} |
||||
.ms-message-reply > div:first-child { |
||||
margin-right: 10px; |
||||
line-height: 40px; |
||||
} |
||||
.ms-message-reply .message-reply-tabs { |
||||
flex: 1; |
||||
border-radius: 4px 4px 0 0 !important; |
||||
border: none !important; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__header { |
||||
margin: 0 !important; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__header .el-tabs__nav-scroll { |
||||
padding: 0 20px; |
||||
border: 1px solid #e6e6e6; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content { |
||||
border: 1px solid #e6e6e6; |
||||
height: calc(100% - 42px); |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane { |
||||
padding: 0 !important; |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form { |
||||
width: 100%; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content { |
||||
margin: 0; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content { |
||||
position: relative; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .el-icon-delete { |
||||
position: absolute; |
||||
right: 7px; |
||||
bottom: 66px; |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
cursor: pointer; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .el-icon-delete:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content textarea { |
||||
height: 127px !important; |
||||
border: none !important; |
||||
border-bottom: 1px solid #e6e6e6 !important; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer { |
||||
height: 58px; |
||||
padding: 0 14px; |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
align-items: center; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer i { |
||||
margin-right: 12px; |
||||
font-size: 16px; |
||||
cursor: pointer; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer i:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer a { |
||||
font-weight: initial; |
||||
font-size: 14px; |
||||
color: #0099ff; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer i:hover, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .el-tab-pane > .el-form .ms-message-reply-content .el-form-item__content .footer a:hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article { |
||||
padding: 20px !important; |
||||
height: 100%; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div { |
||||
flex: 1; |
||||
border: 1px dashed #e6e6e6; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div i, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div i { |
||||
font-weight: bolder; |
||||
font-size: 20px; |
||||
color: #0099ff; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div span, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div span { |
||||
margin-top: 8px; |
||||
line-height: 1; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div:hover, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div:hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-picture > div:last-child, |
||||
.ms-message-reply .message-reply-tabs .el-tabs__content .message-reply-article > div:last-child { |
||||
margin-left: 20px; |
||||
} |
||||
@ -1,139 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.new-pic-form dl { |
||||
margin: 0; |
||||
} |
||||
.new-pic-form dd, |
||||
.new-pic-form dt { |
||||
line-height: 1; |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
} |
||||
.new-pic-form dt { |
||||
display: inline-block; |
||||
margin-bottom: 8px; |
||||
} |
||||
@ -1,246 +0,0 @@ |
||||
/* |
||||
*这里的值严格按照UI设计图标注值来进行设置 |
||||
*/ |
||||
/* |
||||
*颜色 |
||||
*/ |
||||
/* |
||||
*页面的边距 |
||||
*/ |
||||
/* |
||||
*字体 |
||||
*/ |
||||
/* |
||||
*头像 |
||||
*/ |
||||
/* |
||||
* 按钮 |
||||
*/ |
||||
/* |
||||
*对常见的多行样式进行了方法封装,方便调用,加快开发效率 |
||||
*/ |
||||
html, |
||||
body { |
||||
min-height: 100vh; |
||||
width: 100vw; |
||||
background-color: #eee; |
||||
margin: 0; |
||||
display: flex; |
||||
font-weight: initial !important; |
||||
font-size: 14px !important; |
||||
color: #333 !important; |
||||
} |
||||
html *, |
||||
body * { |
||||
text-decoration: none !important; |
||||
font-family: Verdana, Arial, Helvetica, sans-serif; |
||||
box-sizing: border-box; |
||||
} |
||||
.ms-ellipsis { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.ms-align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
input::-webkit-input-placeholder, |
||||
textarea::-webkit-input-placeholder { |
||||
font-weight: initial; |
||||
font-size: 12px; |
||||
color: #999; |
||||
resize: none; |
||||
} |
||||
*::-webkit-scrollbar { |
||||
width: 8px; |
||||
height: 8px; |
||||
} |
||||
/*定义滚动条轨道 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-track { |
||||
border-radius: 10px; |
||||
/*滚动条的背景区域的圆角*/ |
||||
background-color: #eee; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
/*定义滑块 内阴影+圆角*/ |
||||
*::-webkit-scrollbar-thumb { |
||||
border-radius: 10px; |
||||
/*滚动条的圆角*/ |
||||
background-color: #e6e6e6; |
||||
/*滚动条的背景颜色*/ |
||||
} |
||||
.ms-container { |
||||
margin: 12px; |
||||
height: calc(100% - 24px); |
||||
padding: 14px; |
||||
background: #fff; |
||||
} |
||||
.ms-header { |
||||
padding: 10px; |
||||
margin: 0; |
||||
border-bottom: 1px solid #ddd; |
||||
background: #fff; |
||||
height: 50px; |
||||
} |
||||
.ms-header button { |
||||
height: 30px; |
||||
} |
||||
.ms-pagination { |
||||
padding: 20px 0; |
||||
text-align: right; |
||||
} |
||||
.ms-fr { |
||||
float: right; |
||||
} |
||||
.ms-tr { |
||||
text-align: right; |
||||
} |
||||
.ms-weixin-content { |
||||
width: calc(100% - 140px); |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header { |
||||
height: 55px; |
||||
box-sizing: border-box; |
||||
padding: 10px 10px 25px 10px; |
||||
border-bottom: 1px solid #e6e6e6; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__header .el-dialog__title { |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
color: #333; |
||||
} |
||||
.ms-weixin-dialog .el-dialog__footer { |
||||
border-top: 1px solid #e6e6e6; |
||||
padding: 15px !important; |
||||
} |
||||
.ms-hover { |
||||
cursor: pointer; |
||||
} |
||||
.ms-hover:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-header-select { |
||||
font-size: 0; |
||||
} |
||||
.ms-header-select > .el-select:nth-of-type(2) { |
||||
margin: 0 10px; |
||||
} |
||||
.ms-admin-picture { |
||||
height: 100%; |
||||
} |
||||
.ms-admin-picture-list { |
||||
background: #fff; |
||||
margin: 12px; |
||||
padding: 14px; |
||||
display: flex; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
align-items: flex-start; |
||||
width: calc(100% - 220px) !important; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div { |
||||
margin: 0 24px 0 0; |
||||
padding: 10px 10px 0 10px; |
||||
width: 230px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
border: 1px solid #e6e6e6; |
||||
border-radius: 4px; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .body { |
||||
display: flex; |
||||
flex-direction: column; |
||||
line-height: 2em; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .body div { |
||||
margin-top: 0.5em; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .body div span { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
display: block; |
||||
cursor: pointer; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .body div span:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .body img { |
||||
width: 100%; |
||||
height: 130px; |
||||
object-fit: cover; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .footer { |
||||
display: flex; |
||||
padding: 14px 0; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .footer i { |
||||
color: #333; |
||||
margin: auto; |
||||
cursor: pointer; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .footer i:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-item > div .footer em { |
||||
width: 1px; |
||||
height: 1em; |
||||
background: #e6e6e6; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show { |
||||
min-width: 220px; |
||||
height: 100%; |
||||
margin: -14px 0; |
||||
padding: 14px; |
||||
border-left: 1px solid #e6e6e6; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > span { |
||||
padding: 10px; |
||||
display: flex; |
||||
background: #f2f2f6; |
||||
font-weight: bold; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > div { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 10px; |
||||
font-size: 14px; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > div span { |
||||
margin-right: auto; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > div i { |
||||
margin-left: 10px; |
||||
cursor: pointer; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > div i:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > p { |
||||
margin: 0; |
||||
padding: 10px; |
||||
border: 1px solid #e6e6e6; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
cursor: pointer; |
||||
} |
||||
.ms-admin-picture-list .ms-admin-picture-show > p:hover { |
||||
color: #0099ff; |
||||
background: #fff; |
||||
border-color: #0099ff; |
||||
} |
||||
@ -1,179 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
// 自定义菜单 |
||||
.ms-custom-menu { |
||||
color: rgb(242, 242, 246); |
||||
.ms-custom-container { |
||||
.ms-flex(); |
||||
&>.ms-container{ |
||||
padding: 0; |
||||
background: transparent; |
||||
} |
||||
// 侧边 |
||||
.el-aside { |
||||
background: #fff; |
||||
.ms-width-height(280px, 470px) !important; |
||||
// 微信界面 |
||||
.el-container { |
||||
overflow: hidden; |
||||
// 头部 |
||||
.el-header { |
||||
.ms-line-height(40px) !important; |
||||
.ms-font(16px, #fff); |
||||
text-align: center; |
||||
background: #323232; |
||||
} |
||||
.el-main { |
||||
padding: 0; |
||||
.ms-width-height(280px, 380px) !important; |
||||
} |
||||
.el-footer { |
||||
white-space: nowrap; |
||||
padding: 0; |
||||
font-size: 0; |
||||
background-color: #FAFAFA; |
||||
.ms-width-height(280px, 50px) !important; |
||||
.ms-flex(flex-start); |
||||
border-top: 1px solid @borderColor !important; |
||||
>.el-button { |
||||
.ms-width-height(40px, 50px) !important; |
||||
min-width: 40px; |
||||
padding: 0 !important; |
||||
border: none !important; |
||||
border-right: 1px solid @borderColor !important; |
||||
} |
||||
.el-button { |
||||
border-radius: 0 !important; |
||||
height: 50px !important; |
||||
background: transparent !important; |
||||
} |
||||
.ms-create-menu { |
||||
width: 240px; |
||||
font-size: 0; |
||||
.ms-flex(space-between); |
||||
.el-button { |
||||
flex: 1; |
||||
border: none !important; |
||||
background: transparent !important; |
||||
span { |
||||
color: #333; |
||||
} |
||||
} |
||||
.ms-create-sub-menu { |
||||
flex: 1; |
||||
position: relative; |
||||
// 主菜单 |
||||
>.el-button:first-child { |
||||
width: 100%; |
||||
border-right:1px solid @borderColor !important; |
||||
padding: 10px !important; |
||||
.ms-ellipsis-clamp(1); |
||||
} |
||||
// 添加子菜单 |
||||
.sub-menu-list{ |
||||
position: absolute; |
||||
bottom:60px; |
||||
left: 0; |
||||
border: 1px solid @borderColor !important; |
||||
width: 100%; |
||||
.ms-flex(flex-start); |
||||
flex-direction: column; |
||||
>button{ |
||||
margin-left: 0 !important; |
||||
border: none !important; |
||||
border-bottom: 1px solid @borderColor !important; |
||||
} |
||||
.ms-create-btn{ |
||||
border-bottom: none !important; |
||||
} |
||||
// 子菜单列表 |
||||
.sub-menu-item{ |
||||
.ms-ellipsis-clamp(1); |
||||
padding:10px !important; |
||||
} |
||||
} |
||||
} |
||||
// 添加菜单 |
||||
.el-button--default { |
||||
padding: 0 !important; |
||||
flex: 1; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
// 内容 |
||||
.el-main { |
||||
padding: 0; |
||||
padding-left: 20px; |
||||
flex: 1; |
||||
height: 470px; |
||||
// 内容区域卡片 |
||||
.custom-menu-card { |
||||
height: 100%; |
||||
// 内容菜单表单 |
||||
.ms-custom-menu-name,.ms-custom-menu-content { |
||||
.el-form-item__content { |
||||
.el-input { |
||||
.ms-width-height(153px, 30px) !important; |
||||
} |
||||
.ms-flex(flex-start); |
||||
span { |
||||
margin-left: 10px; |
||||
.ms-font(@auxiliarySize, @auxiliaryColor); |
||||
} |
||||
} |
||||
} |
||||
.ms-custom-menu-content { |
||||
.el-form-item__content { |
||||
.el-input { |
||||
.ms-width-height(306px, 30px) !important; |
||||
} |
||||
} |
||||
} |
||||
// 菜单内容 |
||||
.ms-custom-menu-content { |
||||
.el-tabs { |
||||
border: 1px solid @borderColor; |
||||
.el-tabs__header { |
||||
background: #f2f2f6; |
||||
border-radius: 4px 4px 0 0 !important; |
||||
margin: 0 !important; |
||||
.el-tabs__nav-scroll { |
||||
padding: 0 20px; |
||||
i { |
||||
margin-right: 8px; |
||||
} |
||||
} |
||||
} |
||||
.el-tab-pane { |
||||
padding: 20px; |
||||
.ms-width-height(100%, 220px); |
||||
.ms-flex(); |
||||
// 素材库 |
||||
>div { |
||||
flex: 1; |
||||
border: 1px dashed @borderColor; |
||||
.ms-flex(center); |
||||
align-items: center; |
||||
flex-direction: column; |
||||
i { |
||||
.ms-font(20px, @themeColor, bolder); |
||||
} |
||||
span { |
||||
margin-top: 8px; |
||||
line-height: 1; |
||||
} |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
>div:last-child { |
||||
margin-left: 20px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
@ -1,80 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
// 关键字回复 |
||||
.keyword-reply { |
||||
padding-bottom: 20px; |
||||
.el-select .el-input { |
||||
width: 90px; |
||||
>input { |
||||
padding: 0 10px !important; |
||||
} |
||||
} |
||||
// 关键词 |
||||
.ms-keyword-input { |
||||
margin-bottom: 15px !important; |
||||
// 尾词 |
||||
.el-input__suffix { |
||||
line-height: 28px; |
||||
} |
||||
// 添加 |
||||
.el-icon-plus { |
||||
margin-left: 20px; |
||||
.ms-font(@defalutSize, @themeColor, bold); |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
} |
||||
// 回复内容 |
||||
.ms-keyword-reply-content { |
||||
margin: 0; |
||||
.keyword-reply-tabs { |
||||
flex: 1; |
||||
border: 1px solid @borderColor; |
||||
border-radius: 4px 4px 0 0 !important; |
||||
min-height: 226px; |
||||
.el-tabs__header { |
||||
// background: #f2f2f6; |
||||
margin: 0 !important; |
||||
.el-tabs__nav-scroll { |
||||
padding: 0 20px; |
||||
} |
||||
} |
||||
} |
||||
.el-form-item__content { |
||||
position: relative; |
||||
.el-icon-delete { |
||||
position: absolute; |
||||
right: 5px; |
||||
bottom: 66px; |
||||
.ms-font(@auxiliarySize, @auxiliaryColor); |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
textarea { |
||||
height: 127px !important; |
||||
border: none !important; |
||||
border-bottom: 1px solid @borderColor !important; |
||||
} |
||||
.footer { |
||||
height: 58px; |
||||
padding: 0 14px; |
||||
.ms-flex(flex-start); |
||||
align-items: center; |
||||
i { |
||||
margin-right: 12px; |
||||
font-size: 16px; |
||||
} |
||||
a { |
||||
.ms-font(@defalutSize, @themeColor); |
||||
} |
||||
i, |
||||
a { |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,57 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
// 素材库表单 |
||||
.material-bank-form{ |
||||
>.el-dialog__wrapper{ |
||||
>.el-dialog{ |
||||
.ms-width-height(895px,587px) !important; |
||||
>.el-dialog__body{ |
||||
.ms-width-height(100%,469px) !important; |
||||
padding:0 !important; |
||||
>.el-tabs{ |
||||
height: 100%; |
||||
// 侧边导航 |
||||
.el-tabs__header{ |
||||
width: 150px !important; |
||||
box-sizing: border-box; |
||||
margin: 0 !important; |
||||
.el-tabs__nav-scroll{ |
||||
padding:20px 10px; |
||||
.el-tabs__nav{ |
||||
// 取消 激活状态边框 |
||||
.el-tabs__active-bar{ |
||||
background-color:transparent !important; |
||||
} |
||||
.is-active{ |
||||
color: #409EFF !important; |
||||
background-color: #ecf5ff; |
||||
} |
||||
} |
||||
} |
||||
.el-tabs__nav-wrap::after{ |
||||
width: 1px !important; |
||||
} |
||||
|
||||
} |
||||
// 导航内容 |
||||
.el-tabs__content{ |
||||
height: 100%; |
||||
box-sizing: border-box; |
||||
padding:20px 20px 10px 20px; |
||||
.el-tab-pane{ |
||||
height: 100%; |
||||
.ms-flex(); |
||||
flex-direction: column; |
||||
>div:first-child{ |
||||
flex: 1; |
||||
} |
||||
} |
||||
} |
||||
// tab选中的样式 |
||||
.is-active{ |
||||
.ms-font(@defalutSize,@defalutColor); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,68 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
.ms-weixin-content{ |
||||
.ms-header{ |
||||
>.el-select--small:first-child{ |
||||
width: 100px !important; |
||||
} |
||||
} |
||||
.ms-admin-material-list{ |
||||
background: #fff; |
||||
.ms-margin-padding(12px, 14px); |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
//单个素材 |
||||
.ms-admin-material-item { |
||||
.ms-margin-padding(0 24px 24px 0, 0 10px); |
||||
width: 230px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
border: 1px solid #e6e6e6; |
||||
border-radius: 4px; |
||||
.head { |
||||
border-bottom: 1px solid #e6e6e6; |
||||
padding: 10px 0; |
||||
.ms-flex(); |
||||
align-items: center; |
||||
span { |
||||
color: @contentColor; |
||||
} |
||||
.icon-weixin{ |
||||
.ms-font(16px,rgb(154, 205, 50)); |
||||
} |
||||
} |
||||
.body { |
||||
display: flex; |
||||
flex-direction: column; |
||||
line-height: 2em; |
||||
span { |
||||
.ms-ellipsis; |
||||
.ms-hover; |
||||
} |
||||
img { |
||||
.ms-width-height(170px, 110px); |
||||
margin: 0 auto; |
||||
object-fit: cover; |
||||
} |
||||
p { |
||||
margin: 0; |
||||
color: @contentColor; |
||||
.ms-ellipsis-clamp(3); |
||||
.ms-font(@auxiliarySize,@auxiliaryColor); |
||||
} |
||||
} |
||||
.footer { |
||||
display: flex; |
||||
padding: 14px 0; |
||||
i { |
||||
color: @contentColor; |
||||
margin: auto; |
||||
.ms-hover; |
||||
} |
||||
em { |
||||
.ms-width-height(1px, 1em); |
||||
background: #e6e6e6; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,52 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
.ms-admin-menu { |
||||
min-height: 100vh; |
||||
min-width: 140px; |
||||
.ms-header { |
||||
border-right: solid 1px #e6e6e6; |
||||
div { |
||||
height: 100%; |
||||
.ms-align-center; |
||||
i { |
||||
display: inline-block; |
||||
text-align: center; |
||||
line-height: 1.4em; |
||||
.ms-width-height(1.4em); |
||||
border-radius: 4px; |
||||
color: #fff; |
||||
font-size: 1.4em; |
||||
background: #02CF5D; |
||||
} |
||||
span { |
||||
margin: auto; |
||||
} |
||||
} |
||||
} |
||||
.el-main { |
||||
padding: 0; |
||||
.ms-admin-menu-menu { |
||||
min-height: ~'calc(100vh - 50px)'; |
||||
background: #fff; |
||||
.el-menu-item{ |
||||
min-width: 140px; |
||||
width: 140px; |
||||
} |
||||
// .ms-admin-submenu{ |
||||
// .el-submenu__title{ |
||||
// height: 40px !important; |
||||
// .ms-flex(); |
||||
// align-items: center; |
||||
// } |
||||
// } |
||||
// // 菜单列表 |
||||
// .ms-admin-menu-menu-item{ |
||||
// height: 40px; |
||||
// .ms-flex(); |
||||
// align-items: center; |
||||
// } |
||||
} |
||||
.ms-admin-material-item { |
||||
min-width: 100% !important; |
||||
} |
||||
} |
||||
} |
||||
@ -1,115 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
.ms-admin-message-reply { |
||||
.ms-container { |
||||
display: flex; |
||||
height: 256px; |
||||
.message-reply-tabs { |
||||
padding-left: 12px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// 消息回复 && 关注回复 |
||||
.ms-message-reply { |
||||
.ms-flex(flex-start); |
||||
height: auto; |
||||
>div:first-child { |
||||
margin-right: 10px; |
||||
line-height: 40px; |
||||
} |
||||
// 导航切换 |
||||
.message-reply-tabs { |
||||
flex: 1; |
||||
border-radius: 4px 4px 0 0 !important; |
||||
border: none !important; |
||||
.el-tabs__header { |
||||
// background: #f2f2f6; |
||||
margin: 0 !important; |
||||
.el-tabs__nav-scroll { |
||||
padding: 0 20px; |
||||
border: 1px solid @borderColor; |
||||
} |
||||
} |
||||
.el-tabs__content { |
||||
border: 1px solid @borderColor; |
||||
height: calc(~'100% - 42px'); |
||||
.el-tab-pane { |
||||
padding: 0 !important; |
||||
width: 100%; |
||||
.ms-flex(); |
||||
// 文字回复 |
||||
>.el-form { |
||||
width: 100%; |
||||
.ms-message-reply-content { |
||||
margin: 0; |
||||
.el-form-item__content { |
||||
position: relative; |
||||
.el-icon-delete { |
||||
position: absolute; |
||||
right: 7px; |
||||
bottom: 66px; |
||||
.ms-font(@auxiliarySize, @auxiliaryColor); |
||||
.ms-hover; |
||||
} |
||||
textarea { |
||||
height: 127px !important; |
||||
border: none !important; |
||||
border-bottom: 1px solid @borderColor !important; |
||||
} |
||||
// 底部插入超链接 |
||||
.footer { |
||||
height: 58px; |
||||
padding: 0 14px; |
||||
.ms-flex(flex-start); |
||||
align-items: center; |
||||
i { |
||||
margin-right: 12px; |
||||
font-size: 16px; |
||||
.ms-hover; |
||||
} |
||||
a { |
||||
.ms-font(@defalutSize, @themeColor); |
||||
} |
||||
i, |
||||
a { |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
// 图片回复 |
||||
.message-reply-picture,.message-reply-article{ |
||||
padding:20px !important; |
||||
height: 100%; |
||||
>div { |
||||
flex: 1; |
||||
border: 1px dashed @borderColor; |
||||
.ms-flex(center); |
||||
align-items: center; |
||||
flex-direction: column; |
||||
i { |
||||
.ms-font(20px, @themeColor, bolder); |
||||
} |
||||
span { |
||||
margin-top: 8px; |
||||
line-height: 1; |
||||
} |
||||
&:hover { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
>div:last-child { |
||||
margin-left: 20px; |
||||
} |
||||
} |
||||
// 图文回复 |
||||
.message-reply-article{ |
||||
|
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -1,15 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
// 新建图片 |
||||
.new-pic-form{ |
||||
dl{ |
||||
margin: 0; |
||||
} |
||||
dd,dt{ |
||||
line-height: 1; |
||||
.ms-font(@auxiliarySize,@auxiliaryColor); |
||||
} |
||||
dt{ |
||||
display: inline-block; |
||||
margin-bottom: 8px; |
||||
} |
||||
} |
||||
@ -1,90 +0,0 @@ |
||||
@import "../ms-admin/4.7.0/less/app.less"; |
||||
.ms-admin-picture { |
||||
height: 100%; |
||||
} |
||||
|
||||
//图片列表 |
||||
.ms-admin-picture-list { |
||||
background: #fff; |
||||
.ms-margin-padding(12px, 14px); |
||||
display: flex; |
||||
//单个素材 |
||||
.ms-admin-picture-item { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
align-items: flex-start; |
||||
width: ~'calc(100% - 220px)' !important; |
||||
&>div { |
||||
.ms-margin-padding(0 24px 0 0, 10px 10px 0 10px); |
||||
width: 230px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
border: 1px solid #e6e6e6; |
||||
border-radius: 4px; |
||||
.body { |
||||
display: flex; |
||||
flex-direction: column; |
||||
line-height: 2em; |
||||
div { |
||||
margin-top: 0.5em; |
||||
display: flex; |
||||
align-items: center; |
||||
span { |
||||
.ms-ellipsis; |
||||
.ms-hover; |
||||
} |
||||
} |
||||
img { |
||||
.ms-width-height(100%, 130px); |
||||
object-fit: cover; |
||||
} |
||||
} |
||||
.footer { |
||||
display: flex; |
||||
padding: 14px 0; |
||||
i { |
||||
color: @contentColor; |
||||
margin: auto; |
||||
.ms-hover; |
||||
} |
||||
em { |
||||
.ms-width-height(1px, 1em); |
||||
background: #e6e6e6; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.ms-admin-picture-show { |
||||
min-width: 220px; |
||||
height: 100%; |
||||
.ms-margin-padding(-14px 0, 14px); |
||||
border-left: 1px solid #e6e6e6; |
||||
&>span { |
||||
padding: 10px; |
||||
display: flex; |
||||
background: #f2f2f6; |
||||
font-weight: bold; |
||||
} |
||||
&>div { |
||||
.ms-align-center; |
||||
padding: 10px; |
||||
font-size: 14px; |
||||
span { |
||||
margin-right: auto; |
||||
} |
||||
i { |
||||
.ms-hover; |
||||
margin-left: 10px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
&>p { |
||||
margin: 0; |
||||
padding: 10px; |
||||
border: 1px solid #e6e6e6; |
||||
.ms-flex(center); |
||||
align-items: center; |
||||
.ms-hover; |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue