- 生成代码
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>