From 6dc4d71718400b86d1e8901b4b147059da46d15d Mon Sep 17 00:00:00 2001 From: Timi Date: Mon, 8 Dec 2025 20:47:59 +0800 Subject: [PATCH] better layout --- .../components/journal-list/index.json | 3 ++- .../components/journal-list/index.less | 20 +++++++++++++++---- .../components/journal-list/index.wxml | 12 ++++++----- miniprogram/config/index.ts | 2 +- 4 files changed, 26 insertions(+), 11 deletions(-) diff --git a/miniprogram/components/journal-list/index.json b/miniprogram/components/journal-list/index.json index 5f09187..2d7d653 100644 --- a/miniprogram/components/journal-list/index.json +++ b/miniprogram/components/journal-list/index.json @@ -8,5 +8,6 @@ "t-cell-group": "tdesign-miniprogram/cell-group/cell-group", "t-search": "tdesign-miniprogram/search/search", "t-empty": "tdesign-miniprogram/empty/empty" - } + }, + "styleIsolation": "shared" } diff --git a/miniprogram/components/journal-list/index.less b/miniprogram/components/journal-list/index.less index 165d25d..0533718 100644 --- a/miniprogram/components/journal-list/index.less +++ b/miniprogram/components/journal-list/index.less @@ -17,27 +17,39 @@ height: 0; padding: 0; + .t-cell { + padding: 16rpx 24rpx; + + .t-cell__left { + display: flex; + align-items: center; + } + } + .item { &.selected { background: var(--td-bg-color-secondarycontainer); } + .t-cell__left { + margin-right: 8rpx; + } + .thumb { width: 96rpx; height: 96rpx; - flex-shrink: 0; object-fit: cover; - margin-right: 16rpx; - border-radius: 8rpx; background: var(--td-bg-color-component); + flex-shrink: 0; + border-radius: 8rpx; } .date { color: gray; } - .location { + .description { font-size: 24rpx; } } diff --git a/miniprogram/components/journal-list/index.wxml b/miniprogram/components/journal-list/index.wxml index 9491530..05f3b6e 100644 --- a/miniprogram/components/journal-list/index.wxml +++ b/miniprogram/components/journal-list/index.wxml @@ -32,12 +32,14 @@ src="{{item.thumbUrl}}" mode="aspectFill" /> - - - {{item.date}} - · {{item.idea}} + + + {{item.idea}} + + + {{item.date}} + · {{item.location}} - {{item.location}}