完成好友约战页面

2025-05-01 22:50:17 +08:00
parent 7d68b2ab9d
commit 76fac85cb6
8 changed files with 142 additions and 11 deletions
--- a/src/components/Guide.vue
+++ b/src/components/Guide.vue
@@ -0,0 +1,42 @@
+<script setup>
+defineProps({
+  title: {
+    type: String,
+    default: "",
+  },
+});
+</script>
+
+<template>
+  <view class="container">
+    <image src="../static/shooter.png" mode="widthFix" />
+    <view>
+      <image src="../static/long-bubble.png" mode="widthFix" />
+      <text>{{ title }}</text>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+}
+.container > image {
+  width: 40vw;
+}
+.container > view {
+  position: relative;
+}
+.container > view > image {
+  position: absolute;
+  top: -10%;
+  left: -7%;
+  width: 75vw;
+}
+.container > view > text {
+  color: #fff;
+  font-size: 14px;
+}
+</style>