update

src/components/XInput.vue

@@ -0,0 +1,28 @@
+<script setup>
+const {placeholder} = defineProps({
+    placeholder: {
+        type: String,
+        default: "",
+    }
+});
+
+const modelValue = defineModel();
+</script>
+
+<template>
+    <view class="x-input h-[96rpx] rounded-[12rpx] !flex items-center px-[32rpx]">
+        <input v-model="modelValue" :placeholder="placeholder"></input>
+        <slot name="suffix"></slot>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.x-input {
+    background-color: #F2F3F5;
+
+    :deep(input) {
+        background-color: rgba(0,0,0,0);
+        flex-grow: 1;
+    }
+}
+</style>

src/components/XLink.vue

@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+    <view class="text-[var(--primary-color)]">
+        <slot></slot>
+    </view>
+</template>
+
+<style scoped>
+
+</style>

src/components/XNav.vue

@@ -0,0 +1,33 @@
+<script setup>
+import {isWXWeb} from "../utils/uils.js";
+
+const {title} = defineProps({
+    title: {
+        type: String,
+        default: document.title || "页面",
+    }
+});
+</script>
+
+<template>
+    <template v-if="!isWXWeb()">
+        <view class="!flex justify-center items-center h-[100rpx] bg-[#f9f9f9]">
+            <image class="!w-[9px] !h-[17px] cursor-pointer !absolute left-[50rpx]"
+                   src="/static/icons/back.png"></image>
+
+            <view class="title">{{ title }}</view>
+        </view>
+    </template>
+</template>
+
+<style lang="scss" scoped>
+.title {
+    color: rgb(0, 0, 0);
+    font-family: '思源黑体', sans-serif;
+    font-size: 17px;
+    font-weight: 500;
+    line-height: 25px;
+    letter-spacing: 0;
+    text-align: center;
+}
+</style>