开始完善便签新建、编辑逻辑

src/components/NoteItem.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="code-fun-flex-row code-fun-justify-between mt-17-5">
         <!-- 便签正文第一行 -->
-        <span class="font_3 text_19">{{ title }}</span>
+        <span class="font_3 text_19">{{ content }}</span>
         <!-- 便签中是否存在图片 -->
         <img v-if="hasImage" class="image_28" src="/assets/icons/drawable-xxhdpi/list_item_image_icon.png" />
       </div>
@@ -32,10 +32,6 @@
 import { computed, ref } from 'vue'
 
 const props = defineProps({
-  title: {
-    type: String,
-    required: true,
-  },
   content: {
     type: String,
     required: true,
@@ -251,6 +247,12 @@ const handleTouchEnd = () => {
       color: #816d61;
       font-size: 0.9rem;
       line-height: 0.9rem;
+      word-break: break-all;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      -webkit-line-clamp: 1;
     }
     .image_28 {
       width: 1.06rem;