timi/gaoYuJournal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support dark mode

Browse Source
This commit is contained in:
Timi
2025-12-05 12:40:19 +08:00
parent 99eb470625
commit b33ce05d52
39 changed files with 317 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
miniprogram/pages/main/journal/index.less
View File

@ -1,55 +1,20 @@
.custom-navbar {
.more {
width: 24px;
height: 18px;
position: relative;
&::before {
content: "";
top: calc(50% - 1px);
width: 100%;
height: 2px;
position: absolute;
background: rgba(0, 0, 0, .8);
}
&::after {
content: "";
top: 0;
width: 100%;
height: calc(100% - 4px);
position: absolute;
border-top: 2px solid rgba(0, 0, 0, .8);
border-bottom: 2px solid rgba(0, 0, 0, .8);
}
}
.more-menu {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
background: rgba(0, 0, 0, .1);
background: var(--theme-bg-overlay);
.content {
margin: 200rpx 0 0 12rpx;
margin: 190rpx 0 0 12rpx;
z-index: 1;
position: fixed;
background: rgba(255, 255, 255, .95);
background: var(--theme-bg-menu);
box-shadow: 0 0 12px var(--theme-shadow-medium);
border-radius: 2px;
box-shadow: 0 0 12px rgba(0, 0, 0, .2);
&::before {
content: "";
margin: -10rpx 0 0 24rpx;
border-top: 24rpx solid rgba(255, 255, 255, .95);
border-left: 24rpx solid transparent;
z-index: 1;
position: fixed;
transform: rotate(-45deg);
}
}
}
}
@ -86,8 +51,8 @@
padding: 8px 16px;
margin: .5rem 1rem 1rem 1rem;
position: relative;
background: #FFF8E1;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
background: var(--theme-bg-journal);
box-shadow: 0 2px 10px var(--theme-shadow-medium);
border-radius: 2px;
// 纸张纹理效果
@ -100,17 +65,17 @@
bottom: 0;
background:
linear-gradient(90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 50%,
rgba(255, 255, 255, 0) 100%),
linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
var(--theme-texture-light) 0%,
var(--theme-texture-bright) 50%,
var(--theme-texture-light) 100%),
linear-gradient(var(--theme-texture-line) 1px, transparent 1px),
linear-gradient(90deg, var(--theme-texture-line) 1px, transparent 1px);
pointer-events: none;
background-size: 100% 100%, 10px 10px, 10px 10px;
}
.location {
color: #777;
color: var(--theme-text-secondary);
text-align: right;
}
}
@ -122,7 +87,7 @@
.item {
overflow: hidden;
background: #FFF;
background: var(--theme-bg-card);
break-inside: avoid;
margin-bottom: .25rem;
@ -144,7 +109,7 @@
position: absolute;
transform: translate(-50%, -50%);
border-top: 16px solid transparent;
border-left: 24px solid rgba(255, 255, 255, .9);
border-left: 24px solid var(--theme-video-play);
border-bottom: 16px solid transparent;
pointer-events: none;
}
@ -154,7 +119,7 @@
}
.start {
color: #777;
color: var(--theme-text-secondary);
padding: 1rem 0;
font-size: 12px;
text-align: center;

1
miniprogram/pages/main/journal/index.ts
View File

@ -3,7 +3,6 @@
import Time from "../../../utils/Time";
import config from "../../../config/index"
import Events from "../../../utils/Events";
import Toolkit from "../../../utils/Toolkit";
export type Journal = {
date: string;

1
miniprogram/pages/main/journal/index.wxml
View File

@ -1,6 +1,7 @@
<view class="custom-navbar">
<t-navbar title="我们的记录">
<view slot="left" class="more" bind:tap="toggleMoreMenu">
<t-icon name="view-list" size="24px" />
<view wx:if="{{isShowMoreMenu}}" class="more-menu">
<t-cell-group class="content" theme="card">
<t-cell title="新纪录" leftIcon="add" bind:tap="toCreater" />