在封装一个对应天气显示的图片
时间: 2024-04-06 22:28:22 浏览: 35
好的,以下是一个封装了天气显示图片的JavaScript函数:
```javascript
function getWeatherIconFromSkycon(skyconCode) {
switch(skyconCode) {
case "CLEAR_DAY":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/01d.svg";
case "CLEAR_NIGHT":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/01n.svg";
case "PARTLY_CLOUDY_DAY":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/02d.svg";
case "PARTLY_CLOUDY_NIGHT":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/02n.svg";
case "CLOUDY":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/03d.svg";
case "RAIN":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/09d.svg";
case "SNOW":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/13d.svg";
case "WIND":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/50d.svg";
case "FOG":
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/50d.svg";
default:
return "https://cdn.jsdelivr.net/gh/xxhomey19/weather-icons/drawable/svg/na.svg";
}
}
```
你可以将Skycon的代码传入这个函数中,它将返回相应的天气图片URL。这个函数也只能处理Skycon的代码,如果你有其他的天气数据,需要进行一定的处理,才能传入这个函数中。同时,你需要使用相应的天气图标库。在这个例子中,我们使用的是[weather-icons](https://github.com/xxhomey19/weather-icons)。你可以将函数中的图片URL替换成你使用的图标库中对应的URL。
阅读全文