vue引用和风天气

和风天气生成插件的自定义样式的网址 

和风天气插件 | 和风天气插件产品，免费、跨终端。适配你的网站、APP、公众号

复制代码

<div id="he-plugin-standard"></div>
<script>
created() {
    //天气插件调用
    window.WIDGET = {
      CONFIG: {
        modules: "02",
        background: "5",
        tmpColor: "rgb(83,85,98)",
        tmpSize: "20",
        aqiColor: "rgb(83,85,98)",
        aqiSize: "30",
        weatherIconSize: "90",
        alertIconSize: "18",
        padding: "10px 10px 10px 10px",
        shadow: "0",
        language: "auto",
        fixed: "false",
        vertical: "center",
        horizontal: "center",
        city: "CN101160103",  //兰州市永登县城市id
        key: "b547ec5cb2584cbbb7651b27a641679d",
      },
    };
    (function (d) {
      var c = d.createElement('link')
      c.rel = 'stylesheet'
      c.href = "./static/css/he-simple.css"; //将css文件保存到项目
      //c.href = 'https://widget.qweather.net/standard/static/css/he-standard.css?v=1.4.0'
      var s = d.createElement('script')
      s.src = "./static/js/he-simple.js"; //将js文件保存到项目
      //s.src = 'https://widget.qweather.net/standard/static/js/he-standard.js?v=1.4.0'
      var sn = d.getElementsByTagName('script')[0]
      sn.parentNode.insertBefore(c, sn)
      sn.parentNode.insertBefore(s, sn)
})(document);
  },
};

</script>

js与css文件地址

阿里云盘分享

提取码：v64l