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 { export default {
name: 'App', name: 'App',
mounted() { 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 = 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> </script>

View File

@@ -326,6 +326,7 @@ li{
border-bottom: 3px solid $global-text-color-active; border-bottom: 3px solid $global-text-color-active;
color: #333; color: #333;
cursor: default; cursor: default;
font-weight: bold;
} }
/* end--nz-tab组件*/ /* end--nz-tab组件*/
@@ -386,7 +387,8 @@ li{
} }
.content-left .sidebar-info-item-active { .content-left .sidebar-info-item-active {
border-left: 2px solid $global-text-color-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 { .content-left .el-checkbox-group .sidebar-info-item-active {
border-left: none; border-left: none;
@@ -1031,10 +1033,20 @@ li{
} }
.el-checkbox__input.is-checked + .el-checkbox__label { .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 { .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; background-color: $global-text-color-active;
} }
/* --end--复选框自定义颜色 */ /* --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; padding: 20px 30px 3px;
margin-bottom: 10px; margin-bottom: 10px;
.table-title { .table-title {
font-family: Arial; font-weight: bold;
font-size: 18px; font-size: 18px;
line-height: 30px; line-height: 30px;
color: #333;
} }
.edit:after{ .edit:after{
display: block; display: block;

View File

@@ -43,9 +43,9 @@
</el-table> </el-table>
</div> </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"> <div slot="title">
{{data.title}} <span class="nz-dialog-title">{{data.title}}</span>
<div class="float-right panel-calendar dialog-tool"> <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 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> </el-date-picker>

View File

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

View File

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