大家好!我是星河,今天给大家带来的是获取接口实现一个天气的情况
天气接口:http://wthrcdn.etouch.cn/weather_mini
这个是我写的部分style简陋的代码
#app{
width: 800px;
margin: auto;
margin-top: 100px;
}
h2{
text-align: center;
font-weight: bold;
margin: 0 0 20px 0;
}
.about{
margin-top: 5px;
}
.about a{
text-decoration: none;
font-weight: bold;
font-size: 15px;
color:black;
}
.about a:hover{
color: blue;
}
下面来看正文部分
<!-- vue数据的data数据会挂载到 app 里面 -->
<div id="app">
<!-- 标题 -->
<h2>天气查询</h2>
<!-- 使用 from 的类 是页面变得好看而已 -->
<div class="form-group">
<!--在in