Signed-off-by: yinxr <2273460044@qq.com>

src/main/webapp/static/ms-admin/4.7.0/less/app.less

-@import "base/style.less";
-@import "base/mixin.less";
-html,
-body {
-    min-height: 100vh;
-    width: 100vw;
-    background-color: @backgroundColor;
-    margin: 0;
-    display: flex;
-    .ms-font(@defalutSize, @defalutColor) !important; //默认字体样式
-    * {
-        text-decoration: none !important;
-        font-family: Verdana, Arial, Helvetica, sans-serif;
-        box-sizing: border-box;
-    }
-}
-
-@headHeight: 50px;
-//超文本隐藏 
-.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 {
-    .ms-font(@auxiliarySize, @auxiliaryColor);
-    resize: none;
-}
-
-//设置滚动条样式
-*::-webkit-scrollbar {
-    .ms-width-height(8px);
-}
-
-
-/*定义滚动条轨道 内阴影+圆角*/
-
-*::-webkit-scrollbar-track {
-    border-radius: 10px;
-    /*滚动条的背景区域的圆角*/
-    background-color: @backgroundColor;
-    /*滚动条的背景颜色*/
-}
-
-
-/*定义滑块 内阴影+圆角*/
-
-*::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    /*滚动条的圆角*/
-    background-color: @borderColor;
-    /*滚动条的背景颜色*/
-}
-
-.ms-container {
-    margin: 12px;
-    height: ~'calc(100% - 24px)';
-    padding: 14px 14px 0 14px;
-    background: #fff;
-}
-
-.ms-header {
-    padding: 10px;
-    margin: 0;
-    border-bottom: 1px solid #ddd;
-    background: #fff;
-    height: 50px
-}
-
-.ms-pagination {
-    padding: 20px 0;
-    text-align: right;
-}
-
-.ms-fr {
-    float: right;
-}
-
-.ms-tr {
-    text-align: right;
-}
-
-.el-button+.el-button {
-    margin-left: 0
-}
-
-.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 @borderColor;
-        .el-dialog__title{
-            .ms-font(@defalutSize,@defalutColor,bold);
-        }
-    }
-    .el-dialog__footer{
-        border-top: 1px solid @borderColor;
-        padding: 15px !important;
-    }
-}
\ No newline at end of file

src/main/webapp/static/ms-admin/4.7.0/less/base/mixin.less

-/*
-*对常见的多行样式进行了方法封装，方便调用，加快开发效率
-*/
-
-// 背景图片地址和大小 
-.ms-background(@url) {
-    background-image: url(@url);
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-}
-
-// 圆角
-.ms-radius(@radius) {
-    -webkit-border-radius: @radius;
-    -moz-border-radius: @radius;
-    -ms-border-radius: @radius;
-    -o-border-radius: @radius;
-    border-radius: @radius;
-}
-
-//宽高
-.ms-width-height(@width, @height: @width) {
-    width: @width;
-    height: @height;
-}
-
-//字体大小，颜色 ，字体粗细
-.ms-font(@size, @color , @weight:initial) {
-    font-weight: @weight;
-    font-size: @size;
-    color: @color;
-}
-
-//flex 布局和 子元素 对其方式
-.ms-flex(@type: space-between) {
-    display: flex;
-    justify-content: @type;
-}
-
-//行级flex 布局和 子元素 对其方式
-.ms-inline-flex(@type: space-between) {
-    display: inline-flex;
-    justify-content: @type;
-}
-
-//多行超文本隐藏
-.ms-ellipsis-clamp(@num) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: @num;
-    -webkit-box-orient: vertical;
-}
-
-//行高和高
-.ms-line-height(@num, @value: @num) {
-    height: @num;
-    line-height: @value;
-}
-
-//圆角元素
-.ms-radius-size(@radius, @width, @height: @width) {
-    .ms-width-height(@width, @height);
-    .ms-radius(@radius);
-    text-align: center;
-    line-height: @height;
-}
-
-//边距
-.ms-margin-padding(@margin, @padding: @margin) {
-    margin: @margin;
-    padding: @padding;
-}
\ No newline at end of file

src/main/webapp/static/ms-admin/4.7.0/less/base/style.less

-/*
-*这里的值严格按照UI设计图标注值来进行设置
-*/
-
-
-/*
-*颜色
-*/
-
-//主题颜色
-@themeColor: #0099ff;
-//背景颜色
-@backgroundColor: #eee;
-//边框颜色
-@borderColor: #ddd;
-
-/*
-*页面的边距
-*/
-
-//整体区域内边距大小
-@warpperPadding: 20px;
-//整体区域外边距大小
-@warpperMargin: 12px;
-//列表内边距大小
-@listPadding: 14px;
-//列表外边距大小
-@listMargin: 10px;
-
-/*
-*字体
-*/
-
-//标题字体样式
-//一级标题的样式
-@h1: 16px;
-//一级标题的样式
-@h2: 14px;
-@titleColor: #333;
-//内容字体样式
-@contentSize: 14px;
-@contentColor: #999;
-// 默认字体样式
-@defalutSize: 14px;
-@defalutColor: #333;
-//辅助性描述样式
-@auxiliarySize: 12px;
-@auxiliaryColor: #aaa;
-
-/*
-*头像
-*/
-
-//大头像
-// @bigHead: ;
-//中头像
-// @midHead: ;
-//小头像
-@smallHead: 24px;
-
-/*
- * 按钮
- */
\ No newline at end of file

src/main/webapp/static/ms-admin/4.7.0/less/css/style.css

-/*
-*这里的值严格按照UI设计图标注值来进行设置
-*/
-/*
-*颜色
-*/
-/*
-*页面的边距
-*/
-/*
-*字体
-*/
-/*
-*头像
-*/
-/*
- * 按钮
- */

src/main/webapp/static/ms-admin/4.7.0/less/index.less

-@import "app.less";
-//头部
-.index{
-    width: 100%;
-}
-.ms-admin-header {
-    display: flex;
-    padding: 0;
-    background-color: @themeColor;
-    height: @headHeight !important;
-    //头部menu
-    .ms-admin-header-menu {
-        background-color: @themeColor;
-        width: auto;
-        border-bottom: none;
-        position: relative;
-        &>.ms-admin-menu-item>*,
-        &>.ms-admin-menu-item {
-            .ms-line-height(@headHeight) !important;
-            background-color: @themeColor !important;
-            color: rgba(255, 255, 255, 0.65) !important;
-            border-bottom: none !important;
-            font-size: 1em;
-            &:hover {
-                color: #fff !important;
-            }
-            &.is-active {
-                color: #fff !important;
-            }
-        }
-        // 快捷菜单
-        .ms-admin-shortcut-menu{
-            user-select: none;
-            outline: none;
-            padding-left: 20px;
-            width: 100%;
-            min-width: 500px;
-            min-height: 200px;
-            background-color:#fff !important; 
-            height: auto;
-            flex-wrap: wrap;
-            position: absolute;
-            right: 0;
-            top: 0;
-            z-index: 9;
-            background: #ffffff;
-            border:1px solid @borderColor;
-            box-shadow: 2px 3px 5px 0.1px rgba(0,0,0,.1);
-            >li{
-                margin: 0;
-                // min-width: 100px;
-                // text-align: center;
-                margin-right: 20px;
-                text-align: left;
-                display: -webkit-inline-box;
-                display: inline-block;
-                .ms-line-height(50px);
-                .ms-font(@defalutSize, @defalutColor, normal);
-                &:hover{
-                    cursor: pointer;
-                    color: @themeColor;
-                }
-            }
-            // 更多图标
-            i{
-                position: absolute;
-                top: 18px;
-                right: 19px;
-                .ms-font(@defalutSize, @defalutColor, normal);
-                &:hover{
-                    cursor: pointer;
-                }
-            }
-        }
-    }
-}
-
-//logo
-.ms-admin-logo {
-    min-width: 200px;
-    width: 200px;
-    .ms-align-center;
-    &>img {
-        padding: @listPadding 0 @listPadding 20px;
-        .ms-width-height(80px, 100%);
-    }
-    &>div {
-        .ms-align-center;
-        img {
-            margin-top: -10px;
-            margin-left: 3px;
-        }
-        span {
-            margin-top: -7px;
-            position: absolute;
-            margin-left: 6px;
-            font-size: 12px;
-        }
-    }
-    .iconfont {
-        color: #fff;
-        margin-left: auto;
-        margin-right: @listPadding;
-        cursor: pointer;
-    }
-}
-
-//头部右侧mstore
-.ms-admin-mstore {
-    margin-left: auto;
-    min-width: 200px;
-    .ms-align-center;
-    justify-content: flex-end;
-    padding: 0;
-    .ms-admin-mstore-icon {
-        min-width: @headHeight;
-        .ms-width-height(@headHeight);
-        background-color: #0080FF;
-        .ms-flex(center);
-        align-items: center;
-        cursor: pointer;
-        .iconfont {
-            color: #fff;
-        }
-    }
-}
-
-//头部登录
-.ms-admin-login {
-    .ms-align-center;
-    &>span {
-        width: 120px;
-        padding: 0 20px;
-        height: @headHeight;
-        .ms-align-center;
-        cursor: pointer;
-        outline: none;
-        img {
-            border-radius: 50%;
-            .ms-width-height(20px);
-            margin-right: 8px;
-        }
-        span {
-            color: #fff;
-        }
-    }
-    .active {
-        background: #fff;
-        span {
-            color: @titleColor;
-        }
-    }
-}
-
-//下拉菜单
-.ms-admin-login-down {
-    width: 120px;
-    border: none;
-    .ms-margin-padding(0) !important;
-    border-radius: 0;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
-    &>.popper__arrow {
-        display: none;
-    }
-}
-//左侧菜单
-.ms-admin-menu-aside{
-    width: 200px !important;
-    overflow: visible;
-    .ms-admin-menu {
-        .ms-width-height(200px, 100%);
-        position: relative;
-        .el-menu--inline {
-            .is-active {
-                border-left: 2px solid @themeColor;
-            }
-        }
-        // 左侧收缩按钮
-        .ms-menu-expand{
-            transform: rotate(270deg);
-            position: absolute;
-            right: -34px;
-            top: 50%;
-            cursor: pointer;
-            // 收缩
-            i{
-                .ms-font(14px,#333);
-                position: absolute;
-                transform: rotate(90deg);
-                top: 5px;
-                right: 43%;
-            }
-            &::before{
-                border-color: transparent transparent #eee;
-                border-style: none solid solid;
-                border-width: 0 30px 22px;
-                content: "";
-                display: block;
-                height: 0;
-                left: -10px;
-                width: 30px;
-            }
-        }
-        .ms-menu-expand-active{
-            transform: rotate(90deg);
-            transition: all .3 ease;
-            right: -56px;
-        }
-    }
-    // 激活状态
-    .ms-admin-menu-active{
-        .ms-width-height(60px, 100%);
-    }
-}
-.ms-admin-menu-aside-active{
-    width: 60px !important;
-}
-
-//身体
-.ms-admin-container {
-    height: ~'calc(100vh - 60px)';
-    &>.ms-admin-main {
-        padding: 0;
-        background-color: #fff;
-        //选项卡
-        .ms-admin-tabs {
-            height: 100%;
-            .el-tabs__content{
-                height: 100%;
-                .el-tab-pane{
-                    height: 100%;
-                }
-            }
-            .el-tabs__nav-scroll {
-                background: #fafafa;
-                .el-tabs__nav {
-                    border-left: none;
-                    border-radius: 0;
-                }
-            }
-        }
-        // 嵌套iframe
-        iframe{
-            .ms-width-height(100%);
-            border: none !important;
-        }
-    }
-}
\ No newline at end of file

src/main/webapp/static/ms-admin/4.7.0/less/login.less

-@import "app.less";
-// 登录
-.login{
-    .ms-width-height(100vw,100vh);
-    .ms-admin-login-container{
-        height: 100%;
-        background: url('../images/login-bg.jpg') center no-repeat;
-        background-size:cover;
-        .ms-admin-login-main{
-            .ms-flex(center);
-            align-items: center;
-            .ms-admin-login-warp{
-                .ms-flex(center);
-                align-items: center;
-                .ms-width-height(680px,320px);
-                // 口号
-                >img{
-                    flex: 1;
-                    display: inline-block;
-                }
-                // 表单
-                .ms-admin-login-form{
-                    flex: 1;
-                    height: 320px;
-                    background: #fff;
-                    padding:39px  54px;
-                    // 标题
-                    h1{
-                        line-height: 1;
-                        .ms-font(12px,#999999); 
-                        margin: 0 0 30px 0;
-                        span{
-                            .ms-font(16px,#0099ff);
-                        }
-                    }
-                    .ms-admin-form-item{
-                        margin-bottom: 12px;
-                        >div{
-                            margin-left: 0 !important;
-                        }
-                        .el-form-item__content,.el-input,input{
-                            height: 34px !important;
-                            line-height: 34px !important;
-                        }
-                    }
-                    // 验证码
-                    .ms-admin-form-item-code{
-                        .el-form-item__content{
-                            .ms-flex();
-                            .el-input__inner,.el-input{
-                                width:110px;
-                            }
-                            >img{
-                                .ms-width-height(66px,34px);
-                                margin:0 6px;
-                            }
-                            p{
-                                .ms-flex();
-                                line-height: 1;
-                                flex-direction: column;
-                                margin: 0;
-                                span:nth-of-type(1){
-                                    .ms-font(10px,#999999);
-                                }
-                                span:nth-of-type(2){
-                                    .ms-font(10px,#0099ff);
-                                }
-                            }
-                            
-                        }
-                    }
-                    .ms-admin-form-item-checkout{
-                        .el-form-item__content,.el-input,input{
-                            height: auto !important;
-                            line-height: 1px !important;
-                        }
-                    }
-                    // 提交按钮
-                    .ms-admin-login-btn{
-                        .ms-width-height(100%,34px);
-                        line-height: 5px;
-                    }
-                }
-            }
-        }
-    }
-}
-

src/main/webapp/static/ms-admin/4.7.0/less/ms.less

-@import "app.less";
-
-body {
-    margin: 0;
-    padding: 0;
-    background: #eee !important;
-}
-
-.ms-container {
-    margin: 12px;
-    height: 100%;
-    padding: 14px 14px 0 14px;
-    background: #fff;
-}
-
-.ms-header {
-    padding: 10px;
-    margin: 0;
-    border-bottom: 1px solid #ddd;
-    background: #fff;
-    height: 50px
-}
-
-.ms-pagination {
-    padding: 20px 0;
-    text-align: right;
-}
-
-.ms-fr {
-    float: right;
-}
-
-.ms-tr {
-    text-align: right;
-}
-
-.el-button+.el-button {
-    margin-left: 0
-}
\ No newline at end of file

src/main/webapp/static/mweixin/article.less

-// 新建图文
-@import "../ms-admin/4.7.0/less/app.less";
-.ms-article {
-    .ms-flex();
-    width: 100%;
-    background: transparent !important;
-    padding: 0 !important;
-    .el-container {
-        // 侧边
-        .el-aside {
-            padding: 14px;
-            background: #fff; 
-            height: 475px;
-            // 主文章
-            .ms-main-article {
-                position: relative;
-                img {
-                    .ms-width-height(100%, 146px);
-                }
-                .ms-main-article-mask {
-                    background: #000;
-                    opacity: .2;
-                    .ms-width-height(100%, 146px);
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                }
-                span {
-                    position: absolute;
-                    bottom: 0;
-                    padding: 15px;
-                    color: #fff;
-                    .ms-ellipsis-clamp(2);
-                }
-            } // 子文章
-            .ms-article-item {
-                .ms-width-height(100%, 70px);
-                .ms-flex();
-                padding: 10px 0;
-                border-bottom: 1px solid @borderColor;
-                p {
-                    margin: 0 10px 0 0;
-                    .ms-flex();
-                    align-items: center;
-                    span {
-                        width: 100%;
-                        display: inline-block;
-                        .ms-ellipsis-clamp(1);
-                    }
-                }
-                img {
-                    .ms-width-height(50px);
-                }
-                &:hover {
-                    cursor: pointer;
-                }
-            } // 尾部
-            .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 {
-                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);
-                    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);
-                        }
-                    }
-                } // 表单
-                .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;
-                    }
-                }
-            }
-            .ms-main-body {
-                height: calc(~'100% - 180px');
-                background: #fff;
-                .edui-default{
-                    .edui-editor {
-                        .edui-editor-toolbarboxouter {
-                            background-color: none !important;
-                            background-image: 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;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
\ No newline at end of file

src/main/webapp/static/mweixin/css/app.css

-/*
-*这里的值严格按照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: #ddd;
-  /*滚动条的背景颜色*/
-}
-.ms-container {
-  margin: 12px;
-  height: calc(100% - 24px);
-  padding: 14px 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.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;
-}

src/main/webapp/static/mweixin/css/article.css

-/*
-*这里的值严格按照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 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.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-article {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  background: transparent !important;
-  padding: 0 !important;
-}
-.ms-article .el-container .el-aside {
-  padding: 14px;
-  background: #fff;
-  height: 475px;
-}
-.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 .ms-main-article-mask {
-  background: #000;
-  opacity: .2;
-  width: 100%;
-  height: 146px;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.ms-article .el-container .el-aside .ms-main-article span {
-  position: absolute;
-  bottom: 0;
-  padding: 15px;
-  color: #fff;
-  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 {
-  width: 100%;
-  height: 70px;
-  display: flex;
-  justify-content: space-between;
-  padding: 10px 0;
-  border-bottom: 1px solid #ddd;
-}
-.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: 1;
-  -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:hover {
-  cursor: pointer;
-}
-.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: #aaa;
-}
-.ms-article .el-container .el-main {
-  flex: 1;
-  margin-left: 14px;
-  padding: 0 !important;
-}
-.ms-article .el-container .el-main .ms-main-header {
-  background: #fff;
-  display: flex;
-  justify-content: space-between;
-  height: 180px;
-  padding: 20px;
-  padding-bottom: 24px;
-  box-sizing: border-box;
-  border-bottom: 1px solid #ddd;
-}
-.ms-article .el-container .el-main .ms-main-header .ms-pic-upload {
-  width: 140px;
-  height: 140px;
-  border-radius: 4px;
-  border: 1px dashed #ddd;
-  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: #aaa;
-  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: #aaa;
-}
-.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-input__suffix {
-  top: -3px !important;
-}
-.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-default .edui-editor .edui-editor-toolbarboxouter {
-  background-color: none !important;
-  background-image: 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;
-}

src/main/webapp/static/mweixin/css/custom-menu.css

-/*
-*这里的值严格按照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: #ddd;
-  /*滚动条的背景颜色*/
-}
-.ms-container {
-  margin: 12px;
-  height: calc(100% - 24px);
-  padding: 14px 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.ms-weixin-content {
-  width: calc(100% - 140px);
-}
-.ms-custom-menu {
-  color: #f2f2f6;
-}
-.ms-custom-menu .ms-custom-container {
-  margin: 10px;
-  display: flex;
-  justify-content: space-between;
-}
-.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 .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: 379px !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 #ddd !important;
-}
-.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer > .el-button {
-  width: 40px !important;
-  height: 50px !important;
-  padding: 0 !important;
-  border: none !important;
-  border-right: 1px solid #ddd !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 {
-  flex: 1;
-  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%;
-}
-.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .ms-create-sub-menu > .el-button:last-child {
-  position: absolute;
-  top: -60px;
-  left: 0;
-  border: 1px solid #ddd !important;
-  width: 100%;
-}
-.ms-custom-menu .ms-custom-container .el-aside .el-container .el-footer .ms-create-menu .el-button--default {
-  border-left: 1px solid #ddd !important;
-  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 {
-  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 {
-  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 {
-  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-tabs {
-  border: 1px solid #ddd;
-}
-.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 #ddd;
-  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;
-}

src/main/webapp/static/mweixin/css/keyword-list.css

-/*
-*这里的值严格按照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: #ddd;
-  /*滚动条的背景颜色*/
-}
-.ms-container {
-  margin: 12px;
-  height: calc(100% - 24px);
-  padding: 14px 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.ms-weixin-content {
-  width: calc(100% - 140px);
-}
-.keyword-list {
-  padding: 14px;
-}

src/main/webapp/static/mweixin/css/keyword-reply.css

-/*
-*这里的值严格按照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: #ddd;
-  /*滚动条的背景颜色*/
-}
-.ms-container {
-  margin: 12px;
-  height: calc(100% - 24px);
-  padding: 14px 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.ms-weixin-content {
-  width: calc(100% - 140px);
-}
-.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: #999;
-}
-.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;
-}

src/main/webapp/static/mweixin/css/material-bank-form.css

-/*
-*这里的值严格按照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: #ddd;
-  /*滚动条的背景颜色*/
-}
-.ms-container {
-  margin: 12px;
-  height: calc(100% - 24px);
-  padding: 14px 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.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;
-}
-.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-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 {
-  background-color: #e9eaf0;
-  font-weight: initial;
-  font-size: 14px;
-  color: #333;
-}

src/main/webapp/static/mweixin/css/material-list.css

-/*
-*这里的值严格按照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 14px 0 14px;
-  background: #fff;
-}
-.ms-header {
-  padding: 10px;
-  margin: 0;
-  border-bottom: 1px solid #ddd;
-  background: #fff;
-  height: 50px;
-}
-.ms-pagination {
-  padding: 20px 0;
-  text-align: right;
-}
-.ms-fr {
-  float: right;
-}
-.ms-tr {
-  text-align: right;
-}
-.el-button + .el-button {
-  margin-left: 0;
-}
-.ms-weixin-content {
-  width: calc(100% - 140px);
-}
-.ms-admin-material-list {
-  background: #fff;
-  margin: 12px;
-  padding: 14px;
-  display: flex;
-  flex-wrap: wrap;
-}
-.ms-admin-material-list .ms-admin-material-item {
-  margin: 0 24px 0 0;
-  padding: 0 10px;
-  width: 230px;
-  display: flex;
-  flex-direction: column;
-  border: 1px solid #e6e6e6;
-  border-radius: 4px;
-}
-.ms-admin-material-list .ms-admin-material-item .head {
-  border-bottom: 1px solid #e6e6e6;
-  padding: 10px 0;
-}
-.ms-admin-material-list .ms-admin-material-item .head span {
-  color: #999;
-}
-.ms-admin-material-list .ms-admin-material-item .body {
-  display: flex;
-  flex-direction: column;
-  line-height: 2em;
-}
-.ms-admin-material-list .ms-admin-material-item .body span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: block;
-}
-.ms-admin-material-list .ms-admin-material-item .body img {
-  width: 170px;
-  height: 110px;
-  margin: 0.5em auto;
-  object-fit: cover;
-}
-.ms-admin-material-list .ms-admin-material-item .body p {
-  margin: 0;
-  color: #999;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-}
-.ms-admin-material-list .ms-admin-material-item .footer {
-  display: flex;
-  padding: 14px 0;
-}
-.ms-admin-material-list .ms-admin-material-item .footer i {
-  color: #999;
-  margin: auto;
-  cursor: pointer;
-}
-.ms-admin-material-list .ms-admin-material-item .footer em {
-  width: 1px;
-  height: 1em;
-  background: #e6e6e6;
-}