vue中和风天气的使用

• 生成代码
  https://widget.qweather.com/create-simple/?token=14b7f867541144bfba4e5945189e14ab#title

<template>
  <div id="he-plugin-simple"></div>
</template>

<script>
export default {
  name: 'weather',
  mounted () {
    window.WIDGET = {
      'CONFIG': {
        'modules': '10234',
        'background': '5',
        'tmpColor': 'FFFFFF',
        'tmpSize': '16',
        'cityColor': 'FFFFFF',
        'citySize': '16',
        'aqiColor': 'FFFFFF',
        'aqiSize': '16',
        'weatherIconSize': '24',
        'z-index': '9999',
        'alertIconSize': '18',
        'padding': '10px 10px 10px 10px',
        'shadow': '0',
        'language': 'auto',
        'fixed': 'false',
        'vertical': 'top',
        'horizontal': 'left',
        'key': '你的key'
      }
    }
    window.setTimeout(() => {
      let script = document.createElement('script')
      script.type = 'text/javascript'
      script.src =
          'https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0'
      document.getElementsByTagName('head')[0].appendChild(script)
    },0)
  }
}
</script>

<style scoped>

</style>