添加个人联系页面

2025-05-07 23:34:15 +08:00
parent 29c332f171
commit ab169af87f
11 changed files with 79 additions and 82 deletions
--- a/src/pages/practise.vue
+++ b/src/pages/practise.vue
@@ -0,0 +1,31 @@
+<script setup>
+import AppBackground from "@/components/AppBackground.vue";
+import Header from "@/components/Header.vue";
+import Guide from "@/components/Guide.vue";
+</script>
+
+<template>
+  <view>
+    <AppBackground />
+    <Header title="个人练习" />
+    <Guide
+      title="师傅领进门，修行靠自身，赶紧练起来吧。坚持练习就能你快速升级，早日加入全国排位赛！"
+    />
+    <button class="practise1">
+      <image src="../static/practise1.png" class="practise1" mode="widthFix" />
+    </button>
+    <button class="practise2">
+      <image src="../static/practise2.png" class="practise2" mode="widthFix" />
+    </button>
+  </view>
+</template>
+
+<style scoped>
+.practise1 {
+  width: 100%;
+  margin: 20px 0;
+}
+.practise2 {
+  width: 100%;
+}
+</style>