|
@@ -2,7 +2,7 @@
|
|
|
<el-dialog :title="title" class="weatherDetails" v-model="dialogVisible" width="800px"
|
|
<el-dialog :title="title" class="weatherDetails" v-model="dialogVisible" width="800px"
|
|
|
:close-on-click-modal="false">
|
|
:close-on-click-modal="false">
|
|
|
<div class="weatherMain">
|
|
<div class="weatherMain">
|
|
|
- <el-tabs tab-position="left" style="height: 350px" v-model="activeName" @tab-click="handleClick">
|
|
|
|
|
|
|
+ <el-tabs tab-position="left" style="height: 370px" v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane v-for="(item, index) in messageAll" :key="index" :name="index.toString()">
|
|
<el-tab-pane v-for="(item, index) in messageAll" :key="index" :name="index.toString()">
|
|
|
<template #label>
|
|
<template #label>
|
|
|
<div class="tabLabel">
|
|
<div class="tabLabel">
|
|
@@ -118,11 +118,16 @@
|
|
|
},
|
|
},
|
|
|
havePicPos(title) {
|
|
havePicPos(title) {
|
|
|
let str = 'background-position:'
|
|
let str = 'background-position:'
|
|
|
|
|
+ let num = 0
|
|
|
this.weaPic.forEach(it => {
|
|
this.weaPic.forEach(it => {
|
|
|
if (title.indexOf(it.name) != -1) {
|
|
if (title.indexOf(it.name) != -1) {
|
|
|
|
|
+ num++
|
|
|
str += it.position
|
|
str += it.position
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
+ if (num === 0) {
|
|
|
|
|
+ str += "-380px -280px"
|
|
|
|
|
+ }
|
|
|
return str
|
|
return str
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -194,6 +199,7 @@
|
|
|
justify-content: start;
|
|
justify-content: start;
|
|
|
|
|
|
|
|
.detailN {
|
|
.detailN {
|
|
|
|
|
+ color: #fff;
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
|
|
|
|
|
|
span:nth-of-type(1) {
|
|
span:nth-of-type(1) {
|
|
@@ -208,6 +214,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
.detailsMsg {
|
|
.detailsMsg {
|
|
|
|
|
+ color: #fff;
|
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
|
height: 230px;
|
|
height: 230px;
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
@@ -232,6 +239,7 @@
|
|
|
font-size: 18px;
|
|
font-size: 18px;
|
|
|
|
|
|
|
|
.detailN {
|
|
.detailN {
|
|
|
|
|
+ color: #fff;
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
|
|
|
|
|
|
span:nth-of-type(1) {
|
|
span:nth-of-type(1) {
|
