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