<template>
  <div class="window-height text-dark column" style="overflow: hidden;padding: 10vw;">
    <div class="col">
        <img src="https://imgfile.oytour.com/static/pptdefault1.png" style="width: 12vw;">
    </div>
    <div>
        <div class="q-mb-xl text-center" style="font-size: 24px;">
            <div class="">暂不支持</div>
            <div class="text-info" style="font-size: 16px;">Not Supported</div>
        </div>
        <div style="font-size: 14px;word-break: break-all;" class="q-mb-xl">
            <p>尊敬的用户您好：</p>
            <p style="text-indent: 28px;" class="q-mt-lg">我们目前还不支持手机端的访问和操作，为了您有更好的操作体验，我们不得不让您在电脑端完成相关的设计操作。我们也正在积极的设计和开发适用于手机版本的系统，Travel Design团队感谢您的理解与支持。</p>
        </div>
        <div class="q-mt-xl text-center">
            <el-button size="large" @click="customerService">联系客服</el-button>
        </div>
    </div>
    <div class="col"></div>
  </div>
</template>

<script lang="ts" setup>
import { openNewBlank } from "@/utils/common"


const customerService = ()=>{
    openNewBlank('https://work.weixin.qq.com/kfid/kfc378aada578ca8b0e')
}
</script>

<style>

</style>