adaptation dark mode

This commit is contained in:
Timi
2025-12-10 15:02:17 +08:00
parent ad755c7d0e
commit 69bf186f0e
11 changed files with 195 additions and 201 deletions

View File

@ -7,9 +7,10 @@
flex-direction: column; flex-direction: column;
.year { .year {
color: var(--theme-text-secondary);
display: flex; display: flex;
padding: 16rpx 32rpx; padding: 16rpx 32rpx;
background: var(--theme-bg-secondary); background: transparent;
align-items: center; align-items: center;
margin-bottom: 24rpx; margin-bottom: 24rpx;
justify-content: space-between; justify-content: space-between;
@ -71,12 +72,12 @@
.day { .day {
display: flex; display: flex;
position: relative; position: relative;
background: transparent;
align-items: center; align-items: center;
aspect-ratio: 1; aspect-ratio: 1;
border-radius: 12rpx; border-radius: 12rpx;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
background: var(--theme-bg-card);
.number { .number {
color: var(--theme-text); color: var(--theme-text);
@ -97,7 +98,7 @@
&.has-journal { &.has-journal {
background: var(--theme-bg-journal); background: var(--theme-bg-journal);
.day-number { .number {
color: var(--theme-wx); color: var(--theme-wx);
font-weight: bold; font-weight: bold;
} }

View File

@ -53,6 +53,7 @@
color: var(--theme-wx); color: var(--theme-wx);
margin: 0; margin: 0;
font-size: 80rpx; font-size: 80rpx;
background: transparent;
} }
.thumbnail { .thumbnail {
@ -85,15 +86,6 @@
position: absolute; position: absolute;
font-size: 45rpx; font-size: 45rpx;
} }
.delete {
top: 10rpx;
right: 10rpx;
color: rgba(0, 0, 0, .7);
z-index: 3;
position: absolute;
font-size: 45rpx;
}
} }
} }
} }

View File

@ -76,7 +76,7 @@
disabled="{{isSubmitting}}" disabled="{{isSubmitting}}"
bind:tap="addMedia" bind:tap="addMedia"
> >
<t-icon name="add" /> <t-icon class="icon" name="add" />
</t-button> </t-button>
</view> </view>
</view> </view>

View File

@ -21,11 +21,11 @@
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15); box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
} }
} }
}
.date-detail { .date-detail {
height: 61.8vh; height: 61.8vh;
display: flex; display: flex;
background: var(--theme-bg-card);
border-radius: 24rpx 24rpx 0 0; border-radius: 24rpx 24rpx 0 0;
flex-direction: column; flex-direction: column;
@ -172,4 +172,3 @@
} }
} }
} }
}

View File

@ -7,8 +7,10 @@
<view wx:if="{{isLoading}}" class="loading"> <view wx:if="{{isLoading}}" class="loading">
<view class="loading-text">加载中...</view> <view class="loading-text">加载中...</view>
</view> </view>
</view>
<!-- 详情面板 --> <!-- 详情面板 -->
<t-popup <t-popup
class="popup"
visible="{{popupVisible}}" visible="{{popupVisible}}"
placement="bottom" placement="bottom"
bind:visible-change="onPopupVisibleChange" bind:visible-change="onPopupVisibleChange"
@ -65,4 +67,3 @@
</view> </view>
</view> </view>
</t-popup> </t-popup>
</view>

View File

@ -50,6 +50,7 @@
color: var(--theme-wx); color: var(--theme-wx);
margin: 0; margin: 0;
font-size: 80rpx; font-size: 80rpx;
background: transparent;
} }
.thumbnail { .thumbnail {

View File

@ -45,7 +45,6 @@
.location { .location {
flex: 1; flex: 1;
color: #999; color: #999;
display: flex;
overflow: hidden; overflow: hidden;
font-size: 24rpx; font-size: 24rpx;
white-space: nowrap; white-space: nowrap;
@ -91,7 +90,7 @@
z-index: 999; z-index: 999;
display: flex; display: flex;
position: fixed; position: fixed;
background: #FFF; background: var(--theme-bg-card);
box-shadow: 0 -2rpx 20rpx rgba(0, 0, 0, .15); box-shadow: 0 -2rpx 20rpx rgba(0, 0, 0, .15);
border-radius: 24rpx 24rpx 0 0; border-radius: 24rpx 24rpx 0 0;
flex-direction: column; flex-direction: column;

View File

@ -8,7 +8,6 @@
longitude="{{centerLng}}" longitude="{{centerLng}}"
scale="{{scale}}" scale="{{scale}}"
markers="{{markers}}" markers="{{markers}}"
show-location
bindmarkertap="onMarkerTap" bindmarkertap="onMarkerTap"
bindcallouttap="onCalloutTap" bindcallouttap="onCalloutTap"
> >

View File

@ -35,6 +35,7 @@
} }
.text { .text {
color: var(--theme-text-primary);
width: calc(100% - 32px - 2rem); width: calc(100% - 32px - 2rem);
padding: 8px 16px; padding: 8px 16px;
margin: .5rem 1rem 1rem 1rem; margin: .5rem 1rem 1rem 1rem;

View File

@ -127,6 +127,7 @@
} }
&.form { &.form {
padding-bottom: 32rpx;
.content { .content {
padding: 16rpx 32rpx; padding: 16rpx 32rpx;

View File

@ -9,18 +9,18 @@ page {
--theme-wx: #07C160; --theme-wx: #07C160;
/* === 背景色 === */ /* === 背景色 === */
--theme-bg-primary: #FFFFFF; --theme-bg-primary: #FFF;
--theme-bg-secondary: #F5F5F5; --theme-bg-secondary: #F5F5F5;
--theme-bg-card: #FFFFFF; --theme-bg-card: #FFF;
--theme-bg-journal: #fff2c8; --theme-bg-journal: #fff2C8;
--theme-bg-overlay: rgba(0, 0, 0, .1); --theme-bg-overlay: rgba(0, 0, 0, .1);
--theme-bg-menu: rgba(255, 255, 255, .95); --theme-bg-menu: rgba(255, 255, 255, .95);
/* === 文字颜色 === */ /* === 文字颜色 === */
--theme-text-primary: #000000; --theme-text-primary: #333;
--theme-text-secondary: #777777; --theme-text-secondary: #777;
--theme-text-tertiary: #999999; --theme-text-tertiary: #999;
--theme-text-disabled: #CCCCCC; --theme-text-disabled: #CCC;
/* === 边框颜色 === */ /* === 边框颜色 === */
--theme-border-light: rgba(0, 0, 0, .1); --theme-border-light: rgba(0, 0, 0, .1);
@ -69,10 +69,10 @@ page[data-weui-theme="dark"] {
--theme-bg-menu: rgba(40, 40, 40, .95); --theme-bg-menu: rgba(40, 40, 40, .95);
/* === 文字颜色 === */ /* === 文字颜色 === */
--theme-text-primary: #FFFFFF; --theme-text-primary: #FFF;
--theme-text-secondary: #AAAAAA; --theme-text-secondary: #AAA;
--theme-text-tertiary: #888888; --theme-text-tertiary: #888;
--theme-text-disabled: #666666; --theme-text-disabled: #666;
/* === 边框颜色 === */ /* === 边框颜色 === */
--theme-border-light: rgba(255, 255, 255, .1); --theme-border-light: rgba(255, 255, 255, .1);