<template>
  <q-page class="flex flex-center">
    <div style="margin-top: -7%">
      <div class="q-mb-xl" style="color: #4c5875; text-align: center">
        <div style="font-weight: bold; font-size: 100px; letter-spacing: 20px">
          <!-- <q-img src="public/favicon.ico" width='100px' height='100px' /> -->
          长城装备
        </div>
        <div style="font-size: 32px; letter-spacing: 5px;">CVD系统</div>
        <!-- <div style="font-size: 32px; letter-spacing: 2px">CVD系统</div> -->
      </div>
      <div class="flex flex-center">
        <LottieWebCimo ref="lottie_web" style="width: 50%; max-width: 80%" />
      </div>
    </div>
    <div style="
        position: absolute;
        right: 2%;
        bottom: 3%;
        font-family: STKaiti;
        font-size: 16px;
        color: #4c5875;
      ">
      —— &nbsp;&nbsp; Easy Come &nbsp; Easy Go &nbsp; &nbsp;
      软件科技有限公司 &nbsp; &nbsp; ——
    </div>
  </q-page>
</template>
<script>
import LottieWebCimo from 'src/components/lottie-web-cimo.vue';
import { Platform, LocalStorage, Screen } from 'quasar';

export default {
  name: 'PageIndex',
  components: { LottieWebCimo },
  data() {
    return {
      isEnglish: false,
      cleardata: [],
      height: '',
      width: '100%',
    };
  },
  methods: {},
  created: function () {
    LocalStorage.set('menulink', '');
    if (LocalStorage.getItem('lang') === 'en-us') {
      this.isEnglish = true;
    } else {
      this.isEnglish = false;
    }
  },

  mounted: function () {
    if (Platform.is.electron) {
      this.height = String(Screen.height) + 'px';
    } else {
      this.height = Screen.height + '' + 'px';
    }
  },
};
</script>
