Merge branch '4.7.0' of https://gitee.com/mingSoft/MCMS.git into 4.7.0
a123456
7 years ago
commit
1dca637151
21 changed files with 879 additions and 95 deletions
@ -1,2 +1,2 @@ |
|||||||
# 温馨提示，请使用master分支 |
# 温馨提示，请使用master分支 |
||||||
当前版本:4.7.0 开发版本极其不稳定，如有使用概不解答，请耐心等待稳定版本的发布，<br/> |
当前版本:4.7.0 开发版本极其不稳定，如有使用概不解答，请耐心等待稳定版本的发布，<br/> |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
FROM java |
||||||
|
VOLUME /tmp |
||||||
|
ADD docker-springboot-0.0.1-SNAPSHOT.jar app.jar |
||||||
|
RUN bash -c 'touch /app.jar' ENV JAVA_OPTS="" |
||||||
|
ENTRYPOINT [ "sh", "-c", "java $JAVA_OPTS -Djava.security.egd=file:/dev/./urandom -jar /app.jar" ] |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
spring: |
||||||
|
datasource: |
||||||
|
url: jdbc:mysql://localhost:3306/db-mcms-open?autoReconnect=true&useUnicode=true&characterEncoding=utf8&useSSL=false |
||||||
|
username: root |
||||||
|
password: root |
||||||
|
filters: wall,mergeStat |
||||||
|
type: com.alibaba.druid.pool.DruidDataSource |
||||||
@ -0,0 +1,7 @@ |
|||||||
|
spring: |
||||||
|
datasource: |
||||||
|
url: jdbc:mysql://localhost:3307/mcms-4.7.0?autoReconnect=true&useUnicode=true&characterEncoding=utf8&useSSL=false |
||||||
|
username: root |
||||||
|
password: root |
||||||
|
filters: wall,mergeStat |
||||||
|
type: com.alibaba.druid.pool.DruidDataSource |
||||||
@ -0,0 +1,92 @@ |
|||||||
|
<!-- 素材库 --> |
||||||
|
<link rel="stylesheet" href="../../../../static/mweixin/css/material-bank-form.css"> |
||||||
|
<div id="material-bank-form" class="material-bank-form"> |
||||||
|
<el-dialog title="选择图片" :visible.sync="isShow" custom-class='ms-weixin-dialog'> |
||||||
|
<el-tabs tab-position="left"> |
||||||
|
<el-tab-pane :label="group.label + '('+group.total+')'" v-for='(group,index) of materialGroup' :key='index'> |
||||||
|
<el-upload :file-list='fileList' action="" list-type="picture-card" :on-preview="handlePictureCardPreview" |
||||||
|
:on-remove="handleRemove"> |
||||||
|
<i class="el-icon-plus"></i> |
||||||
|
</el-upload> |
||||||
|
<el-dialog :visible.sync="dialogVisible" :modal='false' :title='flieName' custom-class='ms-weixin-dialog'> |
||||||
|
<!-- 这是图片放大 --> |
||||||
|
<img width="100%" :src="dialogImageUrl" alt=""> |
||||||
|
</el-dialog> |
||||||
|
<el-row type='flex' justify='end'> |
||||||
|
<el-col :span='11'> |
||||||
|
<el-pagination |
||||||
|
@size-change="handleSizeChange" |
||||||
|
background |
||||||
|
:pager-count="1" |
||||||
|
@current-change="handleCurrentChange" |
||||||
|
:current-page.sync="currentPage" |
||||||
|
:page-size="10" |
||||||
|
layout="prev, pager, next, jumper" |
||||||
|
:total="50"> |
||||||
|
</el-pagination> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button type="primary" @click="isShow = false" size='mini'>确 定</el-button> |
||||||
|
<el-button @click="isShow = false" size='mini'>取 消</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
<script> |
||||||
|
var materialBankFormVue = new Vue({ |
||||||
|
el: '#material-bank-form', |
||||||
|
data: { |
||||||
|
isShow: false, |
||||||
|
materialGroup: [{ |
||||||
|
label: '未分组', |
||||||
|
total:36, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '云创', |
||||||
|
total:12, |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: 'PM管理', |
||||||
|
total:16, |
||||||
|
}, |
||||||
|
], |
||||||
|
fileList: [], //文件列表 |
||||||
|
dialogImageUrl: '',//点击放大，触发弹窗里面的图片地址 |
||||||
|
dialogVisible: false, |
||||||
|
flieName:"",//放大图片的文件名 |
||||||
|
currentPage:'',//当前页数 |
||||||
|
}, |
||||||
|
watch:{ |
||||||
|
fileList:{ |
||||||
|
handler:function(n,o){ |
||||||
|
console.log('文件列表',n); |
||||||
|
}, |
||||||
|
deep:true |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 表单打开 |
||||||
|
open: function () { |
||||||
|
this.isShow = true; |
||||||
|
}, |
||||||
|
handlePictureCardPreview:function(file){ |
||||||
|
// 点击预览大图触发的钩子函数 |
||||||
|
console.log('file',file); |
||||||
|
this.dialogVisible = true; |
||||||
|
this.dialogImageUrl = file.url |
||||||
|
this.flieName = file.name |
||||||
|
}, |
||||||
|
handleRemove:function(){ |
||||||
|
|
||||||
|
}, |
||||||
|
handleSizeChange:function(){ |
||||||
|
|
||||||
|
}, |
||||||
|
handleCurrentChange:function(){ |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
</script> |
||||||
@ -0,0 +1,74 @@ |
|||||||
|
<!-- 新建图片表单 --> |
||||||
|
<link rel="stylesheet" href="../../../../static/mweixin/css/new-pic-form.css"> |
||||||
|
<div id='new-pic-form' v-show='isShow' class="new-pic-form"> |
||||||
|
<el-dialog title="选择图片" :visible.sync="isShow" custom-class='ms-weixin-dialog'> |
||||||
|
<el-form :model="newPicForm"> |
||||||
|
<el-form-item label="上传图片" label-width="100px"> |
||||||
|
<el-upload |
||||||
|
class="new-pic-upload" |
||||||
|
:on-preview="handlePreview" |
||||||
|
:on-remove="handleRemove" |
||||||
|
:file-list="picList" |
||||||
|
list-type="picture"> |
||||||
|
<el-button size="small" type="primary">本地上传</el-button> |
||||||
|
<div slot="tip" class="el-upload__tip"> |
||||||
|
<dl> |
||||||
|
<dt>注意：1.图片上传仅支持bmp、png、jpeg、jpg、gif格式</dt> |
||||||
|
<dd>2.同步至微信公众平台的图片最大2M,存在铭飞本地，最大支持5M的图片</dd> |
||||||
|
</dl> |
||||||
|
|
||||||
|
</div> |
||||||
|
</el-upload> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="选择分组" label-width="100px"> |
||||||
|
<el-button icon='el-icon-plus' size='mini'>添加分组</el-button> |
||||||
|
<el-select v-model="selectedOption" placeholder="请选择分组" size='mini'> |
||||||
|
<el-option v-for="item in picGroup" :key="item.value" :label="item.label" :value="item.value"> |
||||||
|
</el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="isShow = false" size='mini'>取 消</el-button> |
||||||
|
<el-button type="primary" @click="isShow = false" size='mini'>确 定</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
<script> |
||||||
|
var newPicFormVue = new Vue({ |
||||||
|
el: '#new-pic-form', |
||||||
|
data: { |
||||||
|
isShow: false, |
||||||
|
newPicForm: { |
||||||
|
|
||||||
|
}, |
||||||
|
picGroup: [{ |
||||||
|
value: 'default', |
||||||
|
label: '默认分组' |
||||||
|
}, { |
||||||
|
value: 'yun', |
||||||
|
label: '云创' |
||||||
|
}, |
||||||
|
{ |
||||||
|
value: 'pm', |
||||||
|
label: 'PM管理系统' |
||||||
|
}], |
||||||
|
selectedOption:'',//被选中的选项 |
||||||
|
picList:[],//图片列表 |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 表单打开 |
||||||
|
open: function () { |
||||||
|
this.isShow = true; |
||||||
|
}, |
||||||
|
// 图片刚加载完 |
||||||
|
handlePreview:function(){ |
||||||
|
|
||||||
|
}, |
||||||
|
// 图片删除 |
||||||
|
handleRemove:function(){ |
||||||
|
|
||||||
|
}, |
||||||
|
}, |
||||||
|
}) |
||||||
|
</script> |
||||||
@ -1,77 +1,141 @@ |
|||||||
// 新建图文 |
// 新建图文 |
||||||
@import "../ms-admin/4.7.0/less/app.less"; |
@import "../ms-admin/4.7.0/less/app.less"; |
||||||
.ms-article{ |
.ms-article { |
||||||
.ms-flex(); |
.ms-flex(); |
||||||
width: 100%; |
width: 100%; |
||||||
background: transparent !important; |
background: transparent !important; |
||||||
.el-container{ |
.el-container { |
||||||
// 侧边 |
// 侧边 |
||||||
.el-aside{ |
.el-aside { |
||||||
padding:14px; |
padding: 14px; |
||||||
background: #fff; |
background: #fff; |
||||||
|
height: 475px; |
||||||
// 主文章 |
// 主文章 |
||||||
.ms-main-article{ |
.ms-main-article { |
||||||
position: relative; |
position: relative; |
||||||
img{ |
img { |
||||||
.ms-width-height(100%,146px); |
.ms-width-height(100%, 146px); |
||||||
} |
} |
||||||
.ms-main-article-mask{ |
.ms-main-article-mask { |
||||||
background: #000; |
background: #000; |
||||||
opacity: .2; |
opacity: .2; |
||||||
.ms-width-height(100%,146px); |
.ms-width-height(100%, 146px); |
||||||
position: absolute; |
position: absolute; |
||||||
top: 0; |
top: 0; |
||||||
left: 0; |
left: 0; |
||||||
} |
} |
||||||
span{ |
span { |
||||||
position: absolute; |
position: absolute; |
||||||
bottom: 0; |
bottom: 0; |
||||||
padding: 15px; |
padding: 15px; |
||||||
color: #fff; |
color: #fff; |
||||||
.ms-ellipsis-clamp(2); |
.ms-ellipsis-clamp(2); |
||||||
} |
} |
||||||
} |
} // 子文章 |
||||||
// 子文章 |
.ms-article-item { |
||||||
.ms-article-item{ |
.ms-width-height(100%, 70px); |
||||||
.ms-width-height(100%,70px); |
|
||||||
.ms-flex(); |
.ms-flex(); |
||||||
padding:10px 0; |
padding: 10px 0; |
||||||
border-bottom: 1px solid @borderColor; |
border-bottom: 1px solid @borderColor; |
||||||
p{ |
p { |
||||||
margin: 0 10px 0 0; |
margin: 0 10px 0 0; |
||||||
.ms-flex(); |
.ms-flex(); |
||||||
align-items: center; |
align-items: center; |
||||||
span{ |
span { |
||||||
width: 100%; |
width: 100%; |
||||||
display: inline-block; |
display: inline-block; |
||||||
.ms-ellipsis-clamp(1); |
.ms-ellipsis-clamp(1); |
||||||
} |
} |
||||||
} |
} |
||||||
img{ |
img { |
||||||
.ms-width-height(50px); |
.ms-width-height(50px); |
||||||
} |
} |
||||||
&:hover{ |
&:hover { |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
} |
} |
||||||
} |
} // 尾部 |
||||||
// 尾部 |
.ms-article-footer { |
||||||
.ms-article-footer{ |
|
||||||
background: #fff; |
background: #fff; |
||||||
padding-top:20px; |
padding-top: 20px; |
||||||
.el-button{ |
.el-button { |
||||||
width: 100%; |
width: 100%; |
||||||
background: rgb(242, 242, 246); |
background: rgb(242, 242, 246); |
||||||
i,span{ |
i, |
||||||
.ms-font(@auxiliarySize,@auxiliaryColor); |
span { |
||||||
|
.ms-font(@auxiliarySize, @auxiliaryColor); |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} // 内容区域 |
||||||
// 内容区域 |
.el-main { |
||||||
.el-main{ |
flex: 1; |
||||||
flex:1; |
|
||||||
background: #fff; |
|
||||||
margin-left: 14px; |
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-editor { |
||||||
|
height: 100%; |
||||||
|
.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; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
@ -0,0 +1,160 @@ |
|||||||
|
/* |
||||||
|
*这里的值严格按照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; |
||||||
|
} |
||||||
@ -0,0 +1,131 @@ |
|||||||
|
/* |
||||||
|
*这里的值严格按照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; |
||||||
|
} |
||||||
|
.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; |
||||||
|
} |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
@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-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{ |
||||||
|
background-color:rgb(233, 234, 240); |
||||||
|
.ms-font(@defalutSize,@defalutColor); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
@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; |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue