yinxr
7 years ago
parent
9b306f83f0
commit
84111c4e73
7 changed files with 219 additions and 66 deletions
@ -1,77 +1,139 @@ |
|||||||
// 新建图文 |
// 新建图文 |
||||||
@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; // 主文章 |
||||||
// 主文章 |
.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; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
Loading…
Reference in new issue