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

30
miniprogram/pages/main/about/index.less
View File

@ -29,35 +29,35 @@ page {
height: 128px;
display: block;
border-radius: 4px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
box-shadow: 2px 2px 8px var(--theme-shadow-medium);
margin-bottom: 1rem;
}
.name {
margin: 0 .5rem;
display: inline-block;
&.gao {
color: #FF7A9B;
color: var(--theme-brand-gao);
}
&.yeyu {
color: #7A9BFF;
color: var(--theme-brand-yeyu);
}
}
}
.text {
color: #777;
color: var(--theme-text-secondary);
font-size: 12px;
text-align: center;
.love {
color: transparent;
font-size: 1rem;
animation: loveGradient 1500ms linear infinite;
animation: loveGradient 1000ms linear infinite;
text-align: center;
background: linear-gradient(90deg, #FFB5C7, #FF7A9B, #FF3A6B, #FF7A9B, #FFB5C7);
background: linear-gradient(90deg, var(--theme-brand-gao-light), var(--theme-brand-gao), var(--theme-brand-gao-dark), var(--theme-brand-gao), var(--theme-brand-gao-light));
font-weight: bold;
font-family: "Arial", sans-serif;
margin-bottom: 1rem;
@ -66,7 +66,7 @@ page {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes loveGradient {
0% {
background-position: 0% 50%;
@ -83,19 +83,19 @@ page {
flex-direction: column;
.exit {
color: #E64340;
color: var(--theme-error);
width: 10rem;
margin-bottom: 1rem;
}
.item {
font-size: 14px;
text-align: center;
.label {
color: #777;
color: var(--theme-text-secondary);
}
&.copyright {
display: flex;
font-size: 12px;

6
miniprogram/pages/main/journal-creater/index.less
View File

@ -10,7 +10,7 @@
flex-direction: column;
.label {
color: #777;
color: var(--theme-text-secondary);
}
.section {
@ -47,8 +47,8 @@
height: 200rpx;
position: relative;
overflow: hidden;
background: #FFF;
box-shadow: 1px 1px 6px rgba(0, 0, 0, .1);
background: var(--theme-bg-card);
box-shadow: 1px 1px 6px var(--theme-shadow-light);
border-radius: 2rpx;
.thumbnail {

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" />

14
miniprogram/pages/main/moment/index.less
View File

@ -36,7 +36,7 @@
}
.text {
color: #777;
color: var(--theme-text-secondary);
display: flex;
font-size: .8rem;
justify-content: space-between;
@ -55,14 +55,14 @@
width: 100%;
display: block;
overflow: hidden;
background: #FFF;
background: var(--theme-bg-card);
break-inside: avoid;
margin-bottom: .25rem;
&.video {
height: auto;
position: relative;
&::after {
content: "";
top: 50%;
@ -72,7 +72,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;
}
@ -95,7 +95,7 @@
height: 16px;
z-index: 1;
position: absolute;
background: #FFF;
background: var(--theme-bg-card);
border-radius: 50%;
}
}
@ -131,7 +131,7 @@
}
&.confirm {
color: #07C160;
color: var(--theme-success);
}
}
}
@ -144,7 +144,7 @@
margin-top: 1.5rem;
.label {
color: #777;
color: var(--theme-text-secondary);
}
&.type {

2
miniprogram/pages/main/portfolio/index.less
View File

@ -11,7 +11,7 @@
.item {
overflow: hidden;
background: #FFF;
background: var(--theme-bg-card);
break-inside: avoid;
margin-bottom: .25rem;

2
miniprogram/pages/main/travel/index.less
View File

@ -15,7 +15,7 @@
width: 100%;
display: block;
overflow: hidden;
background: #FFF;
background: var(--theme-bg-card);
break-inside: avoid;
margin-bottom: .25rem;
}

10
miniprogram/pages/main/travel/luggage/index.less
View File

@ -1,7 +1,7 @@
.luggage {
.tips {
color: #777;
color: var(--theme-text-secondary);
margin: .5rem 0;
font-size: 12px;
text-align: center;
@ -19,7 +19,7 @@
flex: 1;
margin: 0;
border: 3rpx solid #CCC;
border: 3rpx solid var(--theme-text-disabled);
position: relative;
overflow: hidden;
box-sizing: border-box;
@ -68,13 +68,13 @@
.add-container {
left: 0;
right: 0;
color: #333;
color: var(--theme-text-primary);
bottom: 0;
display: flex;
padding: 20rpx;
position: fixed;
border-top: 1px solid rgba(0, 0, 0, .1);
background: rgba(240, 240, 240, .8);
border-top: 1px solid var(--theme-border-light);
background: var(--theme-bg-secondary);
box-sizing: border-box;
align-items: center;
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));