Vue project, how to introduce real-time weather into the top navigation bar

the weather forecast is in the top navigation bar of the project. I don"t know how to achieve this

Apr.07,2021

1 need weather api interface please Baidu
2 need to write style
3 according to weather data

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e47942-59c94.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e47942-59c94.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?