当炎热的夏天到来时,我突然想预测整个天气,并且我熟悉Vue3和Typescript的使用。第一个是效果图:
预先准备:
1.接口
返回数据格式很长:
提示:该接口在捕获包装时会乱七八糟,但是可以在控制台上输出= - =。
2.在这里,我主要想练习vue3和打字稿。您可以使用其他框架来实现它。
实施过程
首先是标题的实现。这是CSS动画。HTML使用H1标签
那是核心部分
在这里的输入框和按钮,我直接懒洋洋为幼稚的UI组件。总体体验非常好。
下面是一个小型导航栏,它显示了北部,上海,广州和深圳,并使用阵列横穿
整体天气预报是
总体实现非常简单,但我认为我不得写最好的方法。我希望大个子能给指针。谢谢你提示:这是http://dongdong.weinigb.cn/访问地址。如果您有兴趣,可以谈论源代码
原始:https://juejin.cn/post/7101596174611644424