微信小程序开发——实现天气预报小功能

程序开发——实现天气预报小功能"/>

微信小程序开发——实现天气预报小功能

步骤：

1.安装“微信web开发者工具”，登录后创建本地项目，.wxml相当于html文件，.wxss相当于css文件，语法上略有不同（div改成view）。

页面代码如下：

main.wxml代码：

<!-- 最外部整体-->
<view class="content">
  <!-- 上部-->
  <view class="location">
    <view class="province">{{province}},{{city}}</view>    <view class="quxian">{{district}}</view>
    <view class="tmp">22℃</view>
    <view class="weather">晴</view>
    <view class="other">
      <!--风  -->
      <view class="x">
        <view>东南风</view>
        <view>微风级</view>