<script setup>
import logo from "~/assets/logo.png";
import setting_rightArrow from "~/assets/setting_rightArrow.png";
import { useRouter } from 'vue-router';
const router = useRouter();

const onClickLeft = () => {
  router.push('/main/personal/setting');
}

const handleTo = (item) => {
  let whereUrl = `/main/personal/${item}`;
  router.push(whereUrl);
}

</script>

<template>
  <div>
    <van-nav-bar title="关于我们" left-text="" left-arrow fixed placeholder @click-left="onClickLeft"/>
    <div class="flex flex-col justify-between mt-4 text-center versionAll">
      <div class="flex justify-center"><img :src="logo" alt="" class="w-71px h-71px"></div>
      <div class="text-18px text-center text-[#000000] mt-10px brandName">桐乡网校</div>
      <div class="text-14px text-center text-[#666660] mt-12px brandVersion">版本1.6.7</div>
    </div>

    <div class="mt-10px box-border px-1/20 mt-4" >
      <div class="h-50px flex flex-row flex-nowrap justify-between items-center border-b border-[#e5e5e5] singlePart" @click="handleTo('versionUpdate')" v-if="false">
        <div class="w-9/10 text-14px text-left text-[#333333] commonT">版本更新</div>
        <div class="w-1/10 text-right flex justify-end"><img :src="setting_rightArrow" alt=""></div>
      </div>
      <div class="h-50px flex flex-row flex-nowrap justify-between items-center border-b border-[#e5e5e5] singlePart" @click="handleTo('compIntroduce')">
        <div class="w-9/10  text-14px text-left text-[#333333] commonT">公司介绍</div>
        <div class="w-1/10 text-right flex justify-end"><img :src="setting_rightArrow" alt=""></div>
      </div>

    </div>

  </div>
</template>

<style lang="scss" scoped>

</style>
