<template>
  <div class="wp">
    <div class="hd">
      <div class="logo"><img src="img/logo.png" /></div>
      <span class="y">
        欢迎您，<span id="user-name"></span> <span class="pipe">|</span
        ><a href="login.html">退出</a>
      </span>
    </div>
    <div class="cont">
      <div class="title cl" id="exam-title">
        <em class="id"></em><span class="name">{{ userName }}</span
        ><span class="pipe">|</span>
        <span class="time"></span>
      </div>
      <div class="list">
        <h3>功能选择</h3>
        <ul class="cl">
          <li class="l1">
            <a href="exam-list.html"><span></span>考试切换</a>
          </li>
          <li class="l2">
            <a href="sync.html"><span></span>数据同步</a>
          </li>
          <li class="l3">
            <a href="image.html"><span></span>图片下载</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="ft">
      Copyright © 2011-2020 www.qmth.com.cn, All Rights Reserved
    </div>
  </div>
</template>

<script setup lang="ts">
import { store } from "@/store";
const {
  user: { userName },
  // exam: { iid, name, examTime },
} = store.env;

// $("#user-name").html(env.user.userName);

// $("#exam-title").find(".id").html(env.exam.id);
// $("#exam-title").find(".name").html(env.exam.name);
// $("#exam-title").find(".time").html(env.exam.examTime);
</script>
