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,43 @@
+.word-card {
+    display: flex;
+    flex-direction: row;
+    // width: 324rpx;
+    height: 100rpx;
+    border-radius: 16rpx;
+    background-color: #EEFCFC;
+    align-items: center;
+    box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.35);
+
+    .color-box {
+        width: 60rpx;
+        height: 60rpx;
+        border-radius: 50%;
+        background-color: #ff0000;
+        margin-left: 20rpx;
+        border: 1rpx solid #141414;
+    }
+
+    .word-box {
+        margin: 0 24rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 82rpx;
+        height: 52rpx;
+        border: 1rpx solid #000;
+        background-color: #fff;
+
+        .word-content {
+            font-size: 28rpx;
+            color: #141414;
+            text-align: center;
+
+        }
+    }
+
+    .delete-icon {
+        padding: 20rpx;
+        margin-right: 8rpx;
+        color: #141414;
+    }
+}
@@ -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-card">
+    <view class="color-box"></view>
+    <view class="word-box">
+        <text class="word-content">文</text>
+    </view>
+    <view class="delete-icon">
+        <van-icon name="delete" custom-class="delete-icon-inner" size="44rpx" />
+    </view>
+</view>