feat:首页输入框、文字卡片

2025-05-30 20:49:35 +08:00
parent c00c45a9be
commit 419818eb24
22 changed files with 517 additions and 288 deletions
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "styleIsolation": "apply-shared",
+    "usingComponents": {
+        "van-icon": "@vant/weapp/icon/index"
+    }
+}
@@ -0,0 +1,22 @@
+.word-input-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    border-radius: 20rpx;
+    background-color: #f8f8f8;
+    align-items: center;
+
+    .word-input-icon {
+        // border: 1px solid red;
+        padding: 22rpx;
+    }
+
+    .word-input {
+        flex: 1;
+        height: 92rpx;
+        padding-right: 20rpx;
+        // padding: 0 20rpx 0 10rpx;
+        font-size: 28rpx;
+        line-height: 92rpx;
+    }
+}
@@ -0,0 +1,27 @@
+Component({
+    options: {
+        // multipleSlots: true, // 在组件定义时的选项中启用多slot支持
+    },
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        extClass: {
+            type: String,
+            value: '',
+        },
+    },
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        displayStyle: '',
+    },
+    lifetimes: {
+        attached() {},
+    },
+    /**
+     * 组件的方法列表
+     */
+    methods: {},
+});
@@ -0,0 +1,9 @@
+<view class="word-input-container">
+    <van-icon name="miniprogram-o" custom-class="word-input-icon" size="48rpx" />
+    <input
+        class="word-input"
+        type="text"
+        placeholder="请输入小朋友喜欢的文字"
+        bindconfirm="onConfirm"
+        maxlength="6" />
+</view>