[TOC] ### **1、添加组件** 点击“![](https://img.kancloud.cn/59/ab/59abb42d572a2665343be42ac7167eb0_72x38.png)”图标,再点击“文本类 ->天气预报--》选中一个”,即可完成文本添加,如图3.11; ![](https://img.kancloud.cn/51/45/51457a2caff455fa95a731b4c0b42f37_950x302.png) :-: 图3.11 ### **2、配置设置** #### **(1)城市设置** * 选择城市:选择城市,切换到具体的城市天气, 图3.12; ![](https://img.kancloud.cn/3f/4d/3f4dec8af31221e111f8ca8b112fed21_950x300.png) :-: 图3.12 #### **(1)样式设置** * 模板设置:切换模板后设置不同的天气预报展示风格;如图3.12.1/3.12.2/3.12.3 * 字体大小:设置天气预报的字体大小;如图3.12.1 * 字体颜色:设置天气预报的字体颜色;如图3.12.2 * 背景颜色:设置天气预报的背景颜色;如图3.12.3 ![](https://img.kancloud.cn/8f/0b/8f0bb4e2bd55e4a96cd73016ee7f65f8_950x307.png) #### **(2)自定义url** 1.url的获取,点击下图圈中的输入框后面的链接图标 ![](https://img.kancloud.cn/82/10/8210aef68633e16bfb457260936f70df_965x474.png) 2.点击后打开如下网页,圈中的地方可以企鹅黄天气预报的样式 ![](https://img.kancloud.cn/55/42/5542534bec58cc314ea2a3c68209d12a_1576x823.png) 3.选择你要的模板,点击获取代码,将iframe中的src路径复制到‘自定义url输入框’即可 ![](https://img.kancloud.cn/7d/0c/7d0cf43ece2e152bc27b1ece140b9326_1593x591.png)