adaptation dark mode
This commit is contained in:
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|||||||
@ -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>
|
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -127,6 +127,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.form {
|
&.form {
|
||||||
|
padding-bottom: 32rpx;
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 16rpx 32rpx;
|
padding: 16rpx 32rpx;
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user