修改:调整部分页面样式问题;

This commit is contained in:
iczer
2020-06-21 23:53:54 +08:00
parent 54c130a1b0
commit 0a490feda3
9 changed files with 36 additions and 52 deletions

View File

@@ -75,7 +75,6 @@ export default {
display: flex;
.row {
display: flex;
width: 100%;
}
.avatar {
flex: 0 1 72px;
@@ -89,7 +88,6 @@ export default {
}
.main{
width: 100%;
flex: 0 1 auto;
.title{
flex: auto;
font-size: 20px;
@@ -104,14 +102,12 @@ export default {
margin-right: 16px;
}
.content{
/*margin-bottom: 16px;*/
flex: auto;
flex: 1;
}
.extra{
flex: 0 1 auto;
display: flex;
margin-left: 88px;
min-width: 242px;
text-align: right;
min-width: 420px;
}
.action{
margin-left: 56px;

View File

@@ -32,7 +32,7 @@
<a-switch :checked="fixedHeader" slot="actions" size="small" @change="setFixedHeader" />
</a-list-item>
<a-list-item>
固定Siderbar
固定侧边栏
<a-switch :checked="fixedSider" slot="actions" size="small" @change="setFixedSider" />
</a-list-item>
</a-list>

View File

@@ -2,7 +2,6 @@
<div class="head-info">
<span>{{title}}</span>
<p>{{content}}</p>
<em v-if="bordered" />
</div>
</template>
@@ -15,29 +14,19 @@ export default {
<style lang="less" scoped>
.head-info{
position: relative;
text-align: center;
padding: 0 32px;
span{
color: rgba(0,0,0,.45);
display: inline-block;
font-size: 14px;
line-height: 22px;
margin-bottom: 4px;
};
p{
color: rgba(0,0,0,.85);
font-size: 24px;
line-height: 32px;
margin: 0;
};
em{
background-color: #e8e8e8;
position: absolute;
height: 56px;
width: 1px;
top: 0;
right: 0;
}
width: 100%;
span{
color: rgba(0,0,0,.45);
display: inline-block;
font-size: 14px;
margin-bottom: 4px;
}
p{
color: rgba(0,0,0,.85);
font-size: 24px;
margin: 0;
}
}
</style>