zoukankan      html  css  js  c++  java
  • 微信小程序框架分析小练手(二)——天气微信小程序制作

    简单的天气微信小程序。

    一、首先,打开微信开发者工具,新建一个项目:weather。如下图:

    二、进入app.json中,修改导航栏标题为“贵州天气网”。

    三、进入index.wxml,进行当天天气情况的界面布局,包括温度、最低温度和最高温度、天气情况、城市、星期、风向情况。如下图:

    四、进入index.js,在data里提供天气数据,让这些数据在界面里显示出来:

    五、进入index.wxml,将data里提供的天气数据绑定到页面里:

     界面效果如下:

     六、进入index.wxss,为index.wxml添加样式,美化界面:

     

     至此,就简单地把数据绑定到页面中,并添加样式后显示出来:

  • 相关阅读:
    二进制文件
    Python的特殊成员
    中标麒麟Linux7 如何关闭广播消息
    双重循环输出
    输出星期数
    九九乘法表
    打印菱形
    加法表
    求100以内所有偶数和
    猜大小
  • 原文地址:https://www.cnblogs.com/MilkoSilver/p/12233584.html
Copyright © 2011-2022 走看看