<template>
  <div id="he-plugin-standard" style="width: 100%"></div>
</template>

<script>
export default {
  name: "weather",
  mounted() {
    window.WIDGET = {
      CONFIG: {
        layout: "1",
        width: $(".mapboxBottomitem").width() - 10,
        height: $(".mapboxBottomitem").height() - 20,
        background: "1",

        dataColor: "FFFFFF",
        key: "61833c78beda4860a0191cecf2626db7",
      },
    };

    let script = document.createElement("script");
    script.type = "text/javascript";
    script.src =
      "https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0";
    document.getElementsByTagName("head")[0].appendChild(script);
  },
};
</script>

<style scoped></style>
