<template>

  <div>


    <div class="head">
      <div>
        <img src="/images/logo.png" class="logo" />
        <br />
        【驰骋四海&#xB7;社区版】
      </div>

    </div>
    <div>
      ✧当前在线<strong> {{ OnCount }} </strong>位玩家在驰骋四海✧
    </div>
    <div class="content" style="font-size:17px">
      <div>
        亲爱的&nbsp;<strong style="color:red">探玩玩家</strong>，欢迎来到驰骋四海&#xB7;社区版!
      </div>
      <div style="margin-top:5px;">
        <div>
          ➢<a href="http://m.twbar.cn/Home/Index?sid=KrWxKypJuDO0zFKrTig0bG">返回探玩驿站</a>

        </div>
        <div>
          ➸<a href="http://m.twbar.cn/b/1145?sid=KrWxKypJuDO0zFKrTig0bG">游戏论坛</a>&nbsp;&nbsp;➸<a class=""
            href="/Login/LoginOut?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">退出游戏</a>
        </div>
      </div>
    </div>
    <div class="common">
      <div class="title">
        =====☆<a class="" href="/Pallet/GameOpen/GameUser?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">我的区服</a>☆=====
      </div>
      <div class="content">
        <div class="item">
          <a
            href="/LoginGame/LoginOk?sid=W6Wg8iH9gY7wIBNSEdtFcQ3KbI5YiKDo">&#x2727;&#x3010;1区&#x3011;新手村&#x2730;村长(男)</a>
        </div>
      </div>
    </div>
    <div class="common">
      <div class="title">
        =====☆其他区服☆=====
      </div>
      <div class="content">
        <span>暂无区服.</span>
      </div>
    </div>

    <div class="title">
      =====☆<a class="" href="/Pallet/Notice/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">官方公告</a>☆=====
    </div>
    <div>
      <div class="item">
        1.
        <a class=""
          href="/Pallet/Notice/Detail?nt=2026041901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[招募令]航海时代2设计专员招募</a>
      </div>
      <div class="item">
        2.
        <a class=""
          href="/Pallet/Notice/Detail?nt=2026041701&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[活动]4月份活动集锦</a>
      </div>
      <div class="item">
        3.
        <a class="" href="/Pallet/Notice/Detail?nt=2026040901&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 4月份推广</a>
      </div>
      <div class="item">
        4.
        <a class="" href="/Pallet/Notice/Detail?nt=2026030101&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">[推广] 3月份推广</a>
      </div>
      <div class="item">
        5.
        <a class=""
          href="/Pallet/Notice/Detail?nt=2025080002&amp;sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">&#x3010;驰骋四海&#x3011;卡片&#x306E;攻略&#xFF08;2.24&#xFF09;</a>
      </div>
    </div>
  </div>
  <div class="title">
    =====☆服务导航☆=====
  </div>
  <div class="content">
    <Abar url="/customer">客服</Abar>
    .<a class="" href="/Index/About?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">关于</a>.<a class=""
      href="/Index/Cooperation?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">合作</a>
  </div>
  <div class="content">
    切换线路:
    <span class="game_line">
      <a class="" href="http://g.pccsh.com:5016/Index/Index?sid=klxy7ADn96CBYGWQ9AG4xPqFC2Ib6Ty1Kx">1</a>
    </span>
  </div>
  <div class="foot">
    <div class="timeService">
      小G报时(18:33)
    </div>
  </div>
  <div v-for="(item, index) in areaData" :key="index">
    {{ index }} - {{ item.name }}
  </div>
</template>

<script setup lang="ts">
definePageMeta({
  layout: layout.empty,
  middleware: 'page-loading'
})

const areaData = ref<any>([]);
const isOnline = ref(false);
const OnCount = ref(0);
const Initialize = async (): Promise<void> => {
  var result = await PubService.GetMain(StateHelper.Sid);
  if (result.code == 0) {
    areaData.value = result.data?.area;
    isOnline.value = result.data.isOnline;
    OnCount.value = result.data.onCount;

  }
  else {
    MessageExtend.ShowToast(result.msg, "fail");
  }
};

onMounted(async () => {
  

  //默认设置身份，正式环境删除
  StateHelper.SetSid("kUVjj2cBUemcdokUEIBEKh0qhKkkSkui0x");


  try {
    const id = PageExtend.QueryString("id");

    MessageExtend.ShowToast(id);

    await Initialize();
  }
  finally {
    // PageLoading.Close();
  }
})
</script>
