111

Web/src/components/Base/Abutton.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="but" @click="handleClick">
+  <button class="kx-link-button" @click="handleClick">
     <slot></slot>
   </button>
 </template>
@@ -15,7 +15,7 @@ const handleClick = (): any => {
 
 
 <style>
-.but {
+.kx-link-button {
   /* text-decoration: underline; */
   color: #1e5494;
   font-size: 18px;
@@ -23,7 +23,7 @@ const handleClick = (): any => {
   background: none;
   border: none;
 }
-.but:hover{
+.kx-link-button:hover{
     color: #FFFFFF;
     background: #1e5494;
 }

Web/src/components/Base/Acheak.vue

@@ -0,0 +1,26 @@
+<template>
+    <Abutton @click="handleClick"  v-if="onValue != onCheak">
+        <slot></slot>
+    </Abutton>
+
+    <span v-if="onValue == onCheak">
+        <slot></slot>
+    </span>
+</template>
+<script lang="ts" setup>
+// 1. 定义接收父组件传来的参数 props
+const props = defineProps({
+    // 字段名、类型、默认值
+    href: String,
+    onValue: String,
+    onCheak: String
+
+})
+
+const emit = defineEmits(['click'])
+// 定义 click 事件
+const handleClick = (): any => {
+    emit('click')
+}
+
+</script>

Web/src/components/Page/Footer.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="clear"></div>
+    <div class="foot">
+        <div class="common">
+            <Abar href="/">首页</Abar>-
+            <Abar href="/">挂机</Abar>-
+            <a target="_blank" href="https://work.weixin.qq.com/kfid/kfc86bc348120aea3e7">反馈</a>
+        </div>
+
+        <div class="timeService">
+            小G报时({{ timeTips }})
+        </div>
+        <p style="font-weight:bold;font-size:14px">官方QQ群：931835791</p>
+    </div>
+</template>
+<script setup>
+const timeTips = ref(TimeExtend.Now("HH:mm"));
+onMounted(() => {
+    setInterval(() => {
+        timeTips.value = TimeExtend.Now("HH:mm");
+    }, 1000)
+})
+</script>

Web/src/components/Page/MapMenu.vue

@@ -0,0 +1,17 @@
+<template>
+           <div class="common">
+            <Abar href="/">状态</Abar>.
+            <Abar href="/">物品</Abar>.
+            <Abar href="/chat">聊天</Abar>            
+        </div>
+        <div class="common">
+            <Abar href="/">好友</Abar>.
+            <Abar href="/">宠物</Abar>.
+            <Abar href="/">队伍</Abar>            
+        </div>
+        <div class="common">
+            <Abar href="/">商城</Abar>.
+            <Abar href="/">活动</Abar>.
+            <Abar href="/">排行</Abar>            
+        </div>
+</template>