product/SmartisanNote.Remake
1
0
Fork 0
Code Issues 4 Pull Requests Projects Releases Activity

部分还原了便签列表项

Browse Source
This commit is contained in:
User
2025-10-10 15:51:48 +08:00
parent 57737aa12a
commit d0a47b44d2
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/NoteItem.vue
View File

@@ -2,14 +2,19 @@
<div class="code-fun-flex-col code-fun-justify-start code-fun-relative list-item_7"> <div class="code-fun-flex-col code-fun-justify-start code-fun-relative list-item_7">
<div class="code-fun-flex-col section_17"> <div class="code-fun-flex-col section_17">
<div class="code-fun-flex-row code-fun-justify-between"> <div class="code-fun-flex-row code-fun-justify-between">
<!-- 便签编辑时间 -->
<span class="font_2 text_18">750天前2023/9/21下午4:52</span> <span class="font_2 text_18">750天前2023/9/21下午4:52</span>
<div class="code-fun-flex-row group_3"> <div class="code-fun-flex-row group_3">
<!-- 是否置顶状态&置顶按钮 -->
<img class="image_11 image_29" src="/assets/icons/drawable-xxhdpi/icon_top_normal.png" /> <img class="image_11 image_29" src="/assets/icons/drawable-xxhdpi/icon_top_normal.png" />
<!-- 是否收藏状态&收藏按钮 -->
<img class="image_26 ml-15" src="/assets/icons/drawable-xxhdpi/icon_detail_star_unchecked.png" /> <img class="image_26 ml-15" src="/assets/icons/drawable-xxhdpi/icon_detail_star_unchecked.png" />
</div> </div>
</div> </div>
<div class="code-fun-flex-row code-fun-justify-between mt-17-5"> <div class="code-fun-flex-row code-fun-justify-between mt-17-5">
<!-- 便签正文第一行 -->
<span class="font_3 text_19">夜幕中启程</span> <span class="font_3 text_19">夜幕中启程</span>
<!-- 便签中是否存在图片 -->
<img class="image_28" src="/assets/icons/drawable-xxhdpi/list_item_image_icon.png" /> <img class="image_28" src="/assets/icons/drawable-xxhdpi/list_item_image_icon.png" />
</div> </div>
</div> </div>
@@ -17,7 +22,7 @@
</div> </div>
</template> </template>
<script setup lang="ts"></script> <script setup></script>
<style lang="less" scoped> <style lang="less" scoped>
.ml-15 { .ml-15 {

4
src/pages/NoteListPage.vue
View File

@@ -38,8 +38,8 @@
</div> </div>
<div style="flex: 1"> <div style="flex: 1">
<div style="border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px var(--shadow); background-color: var(--background-card); margin: 0 16px"> <div style="margin-inline: 0.5rem">
<div v-for="note in filteredAndSortedNotes" :key="note.id"> <div v-for="note in filteredAndSortedNotes" :key="note.id" style="border-radius: 6px; overflow: hidden; box-shadow: 0 1px 2px var(--shadow); background-color: var(--background-card); margin-block: .5rem">
<NoteItem :title="note.title" :content="note.content" :date="formatDate(note.updatedAt)" :isStarred="note.isStarred" :onPress="() => handleNotePress(note.id)" :onDelete="() => handleDeleteNote(note.id)" /> <NoteItem :title="note.title" :content="note.content" :date="formatDate(note.updatedAt)" :isStarred="note.isStarred" :onPress="() => handleNotePress(note.id)" :onDelete="() => handleDeleteNote(note.id)" />
</div> </div>
</div> </div>