perf: 左侧菜单字色等样式优化
1.左侧菜单字色改变 2.部分字体按ui稿加粗、增大等处理
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 = {
|
||||||
|
|||||||
@@ -674,6 +674,7 @@
|
|||||||
|
|
||||||
.el-dropdown-link {
|
.el-dropdown-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.refresh {
|
.refresh {
|
||||||
|
|||||||
Reference in New Issue
Block a user