Commit d3bd31c5 authored by ms-dev's avatar ms-dev

移除资源

parent 15ffc05b
// 新建图文
@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;
}
}
}
}
}
\ No newline at end of file
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
/*
*这里的值严格按照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;
}
@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;
}
}
}
}
}
}
}
}
\ No newline at end of file
@import "../ms-admin/4.7.0/less/app.less";
\ No newline at end of file
@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;
}
}
}
}
}
}
\ No newline at end of file
@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);
}
}
}
}
}
}
\ No newline at end of file
@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;
}
}
}
}
}
\ No newline at end of file
@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;
}
}
}
\ No newline at end of file
@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{
}
}
}
}
\ No newline at end of file
@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;
}
}
\ No newline at end of file
@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;
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment