JIAL
/
JIALDemo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

主页维护

This commit is contained in:
JIAL 2024-01-11 16:54:59 +08:00
parent 143663b4eb
commit db7cdc319b
1 changed files with 38 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/main/resources/templates/index.html
View File

@ -15,43 +15,45 @@
</head>
<body>
<div class="container" id="index-app">
<div class="clock-wrapper" >
<el-card>
<div class="clock-digits">{{currentTime}}</div>
</el-card>
</div>
<div class="calendar-wrapper">
<el-calendar v-model="dateValue">
<template slot="dateCell" slot-scope="{date, data}">
<div :class="{ selected : isSelected(date, data) }">
<div class="solar">{{ data.day.split('-')[2] }}</div>
<div class="lunar" :class="{ festival : isFestival(date, data) }">{{ solarToLunar(date, data) }}</div>
<template>
<div class="clock-wrapper" >
<el-card>
<div class="clock-digits">{{currentTime}}</div>
</el-card>
</div>
<div class="calendar-wrapper">
<el-calendar v-model="dateValue">
<template slot="dateCell" slot-scope="{date, data}">
<div :class="{ selected : isSelected(date, data) }">
<div class="solar">{{ data.day.split('-')[2] }}</div>
<div class="lunar" :class="{ festival : isFestival(date, data) }">{{ solarToLunar(date, data) }}</div>
</div>
</template>
</el-calendar>
</div>
<div class="weather-wrapper">
<el-card>
<div class="weather-title">
<span>{{weather.city}}天气情况</span>
<el-input
ref=""
placeholder="输入城市"
v-model="inputCity"
@keyup.enter.native="weatherSearch"
>
</el-input>
</div>
</template>
</el-calendar>
</div>
<div class="weather-wrapper">
<el-card>
<div class="weather-title">
<span>{{weather.city}}天气情况</span>
<el-input
ref=""
placeholder="输入城市"
v-model="inputCity"
@keyup.enter.native="weatherSearch"
>
</el-input>
</div>
<div class="weather-info">
<div><i class="el-icon-sunny">&nbsp&nbsp天&nbsp气&nbsp情&nbsp况&nbsp:&nbsp{{weather.info}}</i></div>
<div><i class="el-icon-sunrise-1">&nbsp&nbsp当&nbsp前&nbsp温&nbsp度&nbsp:&nbsp{{weather.temperature}} ℃</i></div>
<div><i class="el-icon-cold-drink">&nbsp&nbsp当&nbsp前&nbsp湿&nbsp度&nbsp:&nbsp{{weather.humidity}} %</i></div>
<div><i class="el-icon-guide">&nbsp&nbsp当&nbsp前&nbsp风&nbsp向&nbsp:&nbsp{{weather.direct}}</i></div>
<div><i class="el-icon-ship">&nbsp&nbsp当&nbsp前&nbsp风&nbsp速&nbsp:&nbsp{{weather.power}}</i></div>
<div><i class="el-icon-grape">&nbsp&nbsp空&nbsp气&nbsp质&nbsp量&nbsp:&nbsp{{weather.aqi}}</i></div>
</div>
</el-card>
</div>
<div class="weather-info">
<div><i class="el-icon-sunny">&nbsp&nbsp天&nbsp气&nbsp情&nbsp况&nbsp:&nbsp{{weather.info}}</i></div>
<div><i class="el-icon-sunrise-1">&nbsp&nbsp当&nbsp前&nbsp温&nbsp度&nbsp:&nbsp{{weather.temperature}} ℃</i></div>
<div><i class="el-icon-cold-drink">&nbsp&nbsp当&nbsp前&nbsp湿&nbsp度&nbsp:&nbsp{{weather.humidity}} %</i></div>
<div><i class="el-icon-guide">&nbsp&nbsp当&nbsp前&nbsp风&nbsp向&nbsp:&nbsp{{weather.direct}}</i></div>
<div><i class="el-icon-ship">&nbsp&nbsp当&nbsp前&nbsp风&nbsp速&nbsp:&nbsp{{weather.power}}</i></div>
<div><i class="el-icon-grape">&nbsp&nbsp空&nbsp气&nbsp质&nbsp量&nbsp:&nbsp{{weather.aqi}}</i></div>
</div>
</el-card>
</div>
</template>
<div class="content-container">
<img class="avatar" src="/static/image/avatar.jpg"/>
<div class="text part1">