新增 设置块组件；

新增 开关按钮组件；
调整了若干样式；

src/components/NoteItem.vue

@@ -90,13 +90,13 @@ const displayContent = computed(() => {
   // 过滤HTML标签，只保留纯文本内容
   let text = props.content.replace(/<[^>]*>/g, '')
   console.log('NoteItem text without HTML:', text)
-  
+
   // 处理换行符，统一为\n
   text = text.replace(/\\n/g, '\n')
-  
+
   // 按换行符分割并获取第一行
   const lines = text.split('\n')
-  
+
   // 返回第一行内容，如果为空则显示默认文本
   return lines[0]?.trim() || '无内容'
 })
@@ -207,9 +207,6 @@ const handleTouchEnd = () => {
 </script>
 
 <style lang="less" scoped>
-.ml-15 {
-  margin-left: 0.94rem;
-}
 .mt-17-5 {
   margin-top: -1rem;
 }
@@ -230,6 +227,7 @@ const handleTouchEnd = () => {
   span {
     margin-right: 0.7rem;
     font-size: 0.6rem;
+    display: block;
   }
 }
 .list-item_7 {
@@ -239,11 +237,21 @@ const handleTouchEnd = () => {
     box-sizing: border-box;
     width: 95%;
     height: 100%;
-    background: var(--background);
+    background: linear-gradient(to bottom, #fffdf6, #f3eee4);
     z-index: 2;
-    padding: 0.44rem 0.69rem 0.88rem 2.69rem;
-    box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.23);
+    padding: 0.44rem 0.69rem 0.88rem 2.09rem;
+    box-shadow: 0 2px 2px 1px rgb(0 0 0 / 15%);
     transition: transform 0.2s ease-out;
+    border-radius: 3px;
+    &:before {
+      content: '';
+      width: 1.5rem;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      background: linear-gradient(to bottom, #f9f5ee, #eee6dc);
+    }
     .font_2 {
       font-size: 0.71rem;
       line-height: 0.71rem;