perf: 左侧菜单字色等样式优化

1.左侧菜单字色改变
2.部分字体按ui稿加粗、增大等处理
This commit is contained in:
陈劲松
2020-02-11 18:08:26 +08:00
parent ebb2e5a682
commit 0a4bafdb94
6 changed files with 27 additions and 11 deletions

View File

@@ -10,10 +10,10 @@
export default {
name: 'App',
mounted() {
/*this.$http.get("config.json").then((result)=>{
this.$http.get("config.json").then((result)=>{
this.$axios.defaults.baseURL = result.body.baseUrl;
});*/
this.$axios.defaults.baseURL = 'http://192.168.40.247:8080/nz-admin';
});
//this.$axios.defaults.baseURL = 'http://192.168.40.247:8080/nz-admin';
}
}
</script>

View File

@@ -326,6 +326,7 @@ li{
border-bottom: 3px solid $global-text-color-active;
color: #333;
cursor: default;
font-weight: bold;
}
/* end--nz-tab组件*/
@@ -386,7 +387,8 @@ li{
}
.content-left .sidebar-info-item-active {
border-left: 2px solid $global-text-color-active;
color: $global-text-color-active;
color: $box-title-color;
font-weight: bold;
}
.content-left .el-checkbox-group .sidebar-info-item-active {
border-left: none;
@@ -1031,10 +1033,20 @@ li{
}
.el-checkbox__input.is-checked + .el-checkbox__label {
color: $global-text-color-active;
color: $box-title-color;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .asset .content-left .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: $global-text-color-active;
}
/* --end--复选框自定义颜色 */
/* dashboard-dialog */
.nz-dialog .el-dialog {
border-radius: 10px;
}
.nz-dialog-title {
font-size: 18px;
color: $box-title-color;
font-weight: bold;
}

View File

@@ -20,9 +20,10 @@
padding: 20px 30px 3px;
margin-bottom: 10px;
.table-title {
font-family: Arial;
font-weight: bold;
font-size: 18px;
line-height: 30px;
color: #333;
}
.edit:after{
display: block;

View File

@@ -43,9 +43,9 @@
</el-table>
</div>
<!--全屏-->
<el-dialog :title="$t('dashboard.panel.view')" :visible.sync="screenModal" width="96%" @close="screenModal = false" >
<el-dialog class="nz-dialog" :title="$t('dashboard.panel.view')" :visible.sync="screenModal" width="96%" @close="screenModal = false" >
<div slot="title">
{{data.title}}
<span class="nz-dialog-title">{{data.title}}</span>
<div class="float-right panel-calendar dialog-tool">
<el-date-picker prefix-icon=" " size="mini" class="nz-dashboard-picker" ref="calendar" format="yyyy/MM/dd HH:mm" @change="dateChange" v-model="searchTime" type="datetimerange" :picker-options="pickerOptions" :range-separator="$t('dashboard.panel.to')" :start-placeholder="$t('dashboard.panel.startTime')" :end-placeholder="$t('dashboard.panel.endTime')" align="right">
</el-date-picker>

View File

@@ -37,14 +37,14 @@
</div>
<!--
<Modal title="查看" v-model="screenModal" width="96%" class="line-chart-block-modal">-->
<el-dialog class="line-chart-block-modal"
<el-dialog class="line-chart-block-modal nz-dialog"
:title="$t('dashboard.panel.view')"
:visible.sync="screenModal"
width="90%"
@close="screenModal = false"
@opened="initDialog">
<div slot="title">
{{data.title}}
<span class="nz-dialog-title">{{data.title}}</span>
<div class="float-right panel-calendar dialog-tool">
<el-date-picker ref="calendar" prefix-icon=" " size="mini" class="nz-dashboard-picker"
format="yyyy/MM/dd HH:mm"
@@ -312,7 +312,9 @@ export default {
//display: 'inline-block',//无此属性
width: '60%',
fontStyle:'normal',
fontWeight:'normal'
fontWeight:'bold',
color: "#333",
}
};
var option = {

View File

@@ -674,6 +674,7 @@
.el-dropdown-link {
cursor: pointer;
font-weight: bold;
}
.refresh {