查看“︁微件:Weather”︁的源代码

<includeonly>
<div class="weather-widget" style="
  display:inline-block;
  padding:12px 20px;
  background:linear-gradient(135deg,#e8f4fd,#b8d8e8);
  border-radius:12px;
  border:1px solid #80b8d0;
  min-width:200px;
  text-align:center;
">
  <div style="font-size:14px;font-weight:bold;color:#2c5a7a;"><!--{$city|default:'北京'}--></div>
  <div style="font-size:32px;margin:4px 0;" id="weather-icon-<!--{$id|default:''}-->">🌤️</div>
  <div style="font-size:20px;font-weight:bold;color:#1a3a4a;" id="weather-temp-<!--{$id|default:''}-->">--°C</div>
  <div style="font-size:12px;color:#4a7a8a;" id="weather-desc-<!--{$id|default:''}-->">加载中...</div>
  <div style="font-size:10px;color:#6a9aaa;margin-top:4px;">数据来自 wttr.in</div>
</div>
<script>
(function() {
  const id = '<!--{$id|default:''}-->';
  const city = '<!--{$city|default:'北京'}-->';
  const tempEl = document.getElementById('weather-temp-' + id);
  const descEl = document.getElementById('weather-desc-' + id);
  const iconEl = document.getElementById('weather-icon-' + id);
  if (!tempEl) return;
  
  fetch('https://wttr.in/' + encodeURIComponent(city) + '?format=j1&lang=zh')
    .then(res => res.json())
    .then(data => {
      const current = data.current_condition[0];
      const temp = current.temp_C;
      const desc = current.weatherDesc[0].value;
      const code = current.weatherCode;
      // 天气图标映射
      const icons = {
        '113': '☀️', '116': '⛅', '119': '☁️', '122': '☁️',
        '176': '🌦️', '179': '🌨️', '182': '🌧️', '185': '🌧️',
        '200': '⛈️', '227': '🌨️', '230': '🌨️', '248': '🌫️',
        '260': '🌫️', '263': '🌦️', '266': '🌧️', '281': '🌧️',
        '284': '🌧️', '293': '🌦️', '296': '🌧️', '299': '🌧️',
        '302': '🌧️', '305': '🌧️', '308': '🌧️', '311': '🌧️',
        '314': '🌧️', '317': '🌧️', '320': '🌨️', '323': '🌨️',
        '326': '🌨️', '329': '🌨️', '332': '🌨️', '335': '🌨️',
        '338': '🌨️', '350': '🌧️', '353': '🌦️', '356': '🌧️',
        '359': '🌧️', '362': '🌧️', '365': '🌧️', '368': '🌨️',
        '371': '🌨️', '374': '🌧️', '377': '🌧️', '386': '⛈️',
        '389': '⛈️', '392': '⛈️', '395': '🌨️'
      };
      if (iconEl) iconEl.textContent = icons[code] || '🌤️';
      tempEl.textContent = temp + '°C';
      descEl.textContent = desc;
    })
    .catch(() => {
      tempEl.textContent = '--°C';
      descEl.textContent = '加载失败';
    });
})();
</script>
</includeonly>