zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

perf[element-ui.scss]: refine default style

This commit is contained in:
Pan 2019-04-16 14:46:05 +08:00
parent 3678bd18fb
commit 952da32879
2 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/element-ui.scss
View File

@ -46,7 +46,7 @@
} }
} }
//暂时性解决dialog 问题 https://github.com/ElemeFE/element/issues/2461 // to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog { .el-dialog {
transform: none; transform: none;
left: 0; left: 0;
@ -54,18 +54,7 @@
margin: 0 auto; margin: 0 auto;
} }
//文章页textarea修改样式 // refine element ui upload
.article-textarea {
textarea {
padding-right: 40px;
resize: none;
border: none;
border-radius: 0px;
border-bottom: 1px solid #bfcbd9;
}
}
//element ui upload
.upload-container { .upload-container {
.el-upload { .el-upload {
width: 100%; width: 100%;
@ -83,3 +72,8 @@
display: block display: block
} }
} }
// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
display: inline-flex !important;
}

19
src/views/example/components/ArticleDetail.vue
View File

@ -59,7 +59,7 @@
<el-form-item style="margin-bottom: 40px;" label-width="70px" label="Summary:"> <el-form-item style="margin-bottom: 40px;" label-width="70px" label="Summary:">
<el-input v-model="postForm.content_short" :rows="1" type="textarea" class="article-textarea" autosize placeholder="Please enter the content" /> <el-input v-model="postForm.content_short" :rows="1" type="textarea" class="article-textarea" autosize placeholder="Please enter the content" />
<span v-show="contentShortLength" class="word-counter">{{ contentShortLength }}字</span> <span v-show="contentShortLength" class="word-counter">{{ contentShortLength }}words</span>
</el-form-item> </el-form-item>
<el-form-item prop="content" style="margin-bottom: 30px;"> <el-form-item prop="content" style="margin-bottom: 30px;">
@ -236,24 +236,39 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/styles/mixin.scss"; @import "~@/styles/mixin.scss";
.createPost-container { .createPost-container {
position: relative; position: relative;
.createPost-main-container { .createPost-main-container {
padding: 40px 45px 20px 50px; padding: 40px 45px 20px 50px;
.postInfo-container { .postInfo-container {
position: relative; position: relative;
@include clearfix; @include clearfix;
margin-bottom: 10px; margin-bottom: 10px;
.postInfo-container-item { .postInfo-container-item {
float: left; float: left;
} }
} }
} }
.word-counter { .word-counter {
width: 40px; width: 40px;
position: absolute; position: absolute;
right: -10px; right: 10px;
top: 0px; top: 0px;
} }
} }
.article-textarea /deep/ {
textarea {
padding-right: 40px;
resize: none;
border: none;
border-radius: 0px;
border-bottom: 1px solid #bfcbd9;
}
}
</style> </style>