Преглед изворни кода

Merge branch 'master' of http://git.ycjcjy.com/welcome/screen

yansen пре 6 година
родитељ
комит
09987d67f5
2 измењених фајлова са 55 додато и 12 уклоњено
  1. 1
    1
      config/index.js
  2. 54
    11
      src/pages/page3.vue

+ 1
- 1
config/index.js Прегледај датотеку

@@ -26,7 +26,7 @@ module.exports = {
26 26
 
27 27
     // Various Dev Server settings
28 28
     host: '0.0.0.0', // can be overwritten by process.env.HOST
29
-    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
29
+    port: 5010, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
30 30
     autoOpenBrowser: false,
31 31
     errorOverlay: true,
32 32
     notifyOnErrors: true,

+ 54
- 11
src/pages/page3.vue Прегледај датотеку

@@ -11,20 +11,24 @@
11 11
           </div>
12 12
           <div class="weatherDetail flex-h">
13 13
             <div class="imgData" v-if="pageDetail.detail.weatherShow">
14
-              <img :src="weatherIcon(weatherDetail.weather)" width="100%" alt>
14
+              <img :src="weatherIcon(weatherDetail.day_weather_code)" width="100%" alt>
15 15
               <span>{{tempRange}}</span>
16 16
             </div>
17 17
             <div class="flex-item">
18 18
               <div v-if="weatherDetail">
19
-                <span>今日 {{ weatherDetail.dayweather }}</span>
19
+                <span>今日 {{ weatherDetail.day_weather }} {{weatherDetail.index.gj.title}}外出</span>
20 20
                 <ul>
21 21
                   <li>
22
-                    <span>白天</span>
23
-                    <span>{{weatherDetail.daywind}} 风 {{weatherDetail.daypower.indexOf('级') > 0 ? weatherDetail.daypower : `${weatherDetail.daypower} 级`}}</span>
22
+                    <span>{{weatherDetail.wind_direction}}{{weatherDetail.wind_power}}</span>
23
+                    <span>空气湿度: {{weatherDetail.sd}}</span>
24 24
                   </li>
25 25
                   <li>
26
-                    <span>晚上</span>
27
-                    <span>{{weatherDetail.nightwind}} 风 {{weatherDetail.nightpower.indexOf('级') > 0 ? weatherDetail.nightpower : `${weatherDetail.nightpower} 级`}}</span>
26
+                    <span>体感温度: {{weatherDetail.temperature}}</span>
27
+                    <span>空气指数: {{weatherDetail.aqi}}</span>
28
+                  </li>
29
+                  <li>
30
+                    <span>PM2.5: {{weatherDetail.aqiDetail.pm2_5}}</span>
31
+                    <span>穿衣指数: {{weatherDetail.index.clothes.title}}</span>
28 32
                   </li>
29 33
                 </ul>
30 34
               </div>
@@ -118,14 +122,18 @@ export default {
118 122
     },
119 123
     weatherDetail () {
120 124
       let target = this.pageDetail.weather ? JSON.parse(this.pageDetail.weather) : undefined
121
-      return !target ? undefined : target.forecasts[0].casts[0]
125
+
126
+      if (!target) return undefined
127
+
128
+      const { f1, now } = target.showapi_res_body
129
+      return { ...f1, ...now }
122 130
     },
123 131
     tempRange () {
124 132
       if (!this.weatherDetail) return ''
125 133
       let min, max
126
-      const f = () => (this.weatherDetail.daytemp) - 0 > (this.weatherDetail.nighttemp - 0)
127
-        ? ((min = this.weatherDetail.nighttemp) | (max = this.weatherDetail.daytemp))
128
-        : ((max = this.weatherDetail.nighttemp) | (min = this.weatherDetail.daytemp))
134
+      const f = () => (this.weatherDetail.day_air_temperature) - 0 > (this.weatherDetail.night_air_temperature - 0)
135
+        ? ((min = this.weatherDetail.night_air_temperature) | (max = this.weatherDetail.day_air_temperature))
136
+        : ((max = this.weatherDetail.night_air_temperature) | (min = this.weatherDetail.day_air_temperature))
129 137
       f()
130 138
       return `${min}℃ ~ ${max}℃`
131 139
     }
@@ -258,13 +266,16 @@ export default {
258 266
     weatherIcon (target) { // 返回天气图标
259 267
       switch (target) {
260 268
         case '晴':
269
+        case '00':
261 270
           return require('../assets/images/icon-6.png')
262 271
         case '少云':
263 272
         case '晴间多云':
264 273
         case '多云':
274
+        case '01':
265 275
           return require('../assets/images/icon-4.png')
266 276
         case '阴':
267 277
         case '平静':
278
+        case '02':
268 279
           return require('../assets/images/icon-9.png')
269 280
         case '有风':
270 281
         case '微风':
@@ -280,6 +291,8 @@ export default {
280 291
         case '热带风暴':
281 292
         case '浮尘':
282 293
         case '扬沙':
294
+        case '29':
295
+        case '30':
283 296
           return require('../assets/images/icon-1.png')
284 297
         case '阵雨':
285 298
         case '大雨':
@@ -294,17 +307,34 @@ export default {
294 307
         case '极端降雨':
295 308
         case '雷阵雨':
296 309
         case '雷阵雨并伴有冰雹':
310
+        case '03':
311
+        case '04':
312
+        case '05':
313
+        case '06':
314
+        case '09':
315
+        case '10':
316
+        case '11':
317
+        case '12':
318
+        case '22':
319
+        case '23':
320
+        case '24':
321
+        case '25':
297 322
           return require('../assets/images/icon-5.png')
298 323
         case '毛毛雨/细雨':
299 324
         case '小雨':
300 325
         case '雨':
301 326
         case '中雨':
302 327
         case '小雨-中雨':
328
+        case '07':
329
+        case '08':
330
+        case '21':
331
+        case '301':
303 332
           return require('../assets/images/icon-3.png')
304 333
         case '雨夹雪':
305 334
         case '阵雨夹雪':
306 335
         case '雨雪天气':
307 336
         case '冻雨':
337
+        case '19':
308 338
           return require('../assets/images/icon-10.png')
309 339
         case '阵雪':
310 340
         case '小雪':
@@ -315,6 +345,15 @@ export default {
315 345
         case '中雪-大雪':
316 346
         case '大雪-暴雪':
317 347
         case '雪':
348
+        case '13':
349
+        case '14':
350
+        case '15':
351
+        case '16':
352
+        case '17':
353
+        case '26':
354
+        case '27':
355
+        case '28':
356
+        case '302':
318 357
           return require('../assets/images/icon-2.png')
319 358
         case '沙尘暴':
320 359
         case '强沙尘暴':
@@ -329,6 +368,10 @@ export default {
329 368
         case '中度霾':
330 369
         case '重度霾':
331 370
         case '严重霾':
371
+        case '18':
372
+        case '20':
373
+        case '31':
374
+        case '53':
332 375
         default:
333 376
           return require('../assets/images/icon-1.png')
334 377
       }
@@ -431,7 +474,7 @@ export default {
431 474
               }
432 475
               ul {
433 476
                 li {
434
-                  border-bottom: 1px solid #b3bcc3;
477
+                  border-bottom: 1px solid #eee;
435 478
                   font-size: 0;
436 479
                   white-space: nowrap;
437 480
                   padding: 6px 0;