效果图: 是在和风天气开发平台引用的数据 weather.html页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 整体大框框 */ .search_form{ display: flex; flex-direction: column; text-align: center; } /*input框的上方天气图片*/ .logo img{ width:100px; height:100px; } .input_text{ width: 300px; height: 16px; border: 2px solid #c4c7ce; border-radius: 10px 0 0 10px; background: #fff; color: #222; font-size: 16px; padding: 12px 16px; margin: 0; box-sizing: content-box; outline: none; /* 去掉获取焦点以后的input框的边框*/ } .input_btn{ width: 108px; height: 44px; line-height: 45px; padding: 0; background-color: #4e6ef2; border-radius: 0 10px 10px 0; font-size: 17px; color: #fff; border: none; cursor: pointer; } /* enter触发事件 */ ul li{ list-style-type: none; } .weather_list{ display:flex; flex-direction: row; justify-content:space-around;
axios+vue获取和风天气信息
最新推荐文章于 2024-06-17 16:00:54 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)