upload project
This commit is contained in:
commit
06961cae04
422 changed files with 110626 additions and 0 deletions
326
subpackages/settings/about/update-log/update-log.wxss
Normal file
326
subpackages/settings/about/update-log/update-log.wxss
Normal file
|
|
@ -0,0 +1,326 @@
|
|||
/* pages/settings/about/update-log/update-log.wxss */
|
||||
|
||||
/* CSS变量定义 */
|
||||
page {
|
||||
/* --primary-color: #b10026;
|
||||
--primary-light: #b801a8;
|
||||
--primary-dark: #82009c; */
|
||||
--background-color: #ff3333;
|
||||
--surface-color: #09094d;
|
||||
--text-primary: #FFFFFF;
|
||||
--text-secondary: #8E8E93;
|
||||
--text-tertiary: #48484A;
|
||||
--border-color: #38383A;
|
||||
--shadow-light: 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
|
||||
--shadow-medium: 0 4rpx 12rpx rgba(0, 0, 0, 0.4);
|
||||
--radius-small: 8rpx;
|
||||
--radius-medium: 12rpx;
|
||||
--radius-large: 20rpx;
|
||||
}
|
||||
|
||||
/* 页面容器 */
|
||||
.update-log-container {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background-color: var(--background-color); */
|
||||
color: var(--text-primary);
|
||||
|
||||
width: 100%;
|
||||
background: linear-gradient(to bottom, #00607e, #800064,#190220);
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
|
||||
/* 自定义导航栏 */
|
||||
.custom-nav-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* background-color: #1a1a1a; */
|
||||
/* border-bottom: 1px solid #333333; */
|
||||
z-index: 10;
|
||||
box-sizing: content-box; /* 确保padding不会影响总高度计算 */
|
||||
}
|
||||
|
||||
.nav-content {
|
||||
width: 48px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 左侧返回按钮*/
|
||||
.nav-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* justify-content: flex-start; */
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.back-icon {
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 中间标题 - 确保居中显示 */
|
||||
.nav-center {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 右侧占位区 - 保持布局平衡 */
|
||||
.nav-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/* 内容区域样式强化 */
|
||||
.content-area {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box; /* 确保padding不会增加元素总宽度 */
|
||||
/* 移除可能存在的margin-top，避免与padding-top冲突 */
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* 当前版本卡片 */
|
||||
.current-version-card {
|
||||
background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
|
||||
color: white;
|
||||
border-radius: var(--radius-large);
|
||||
padding: 36rpx;
|
||||
margin-bottom: 32rpx;
|
||||
box-shadow: var(--shadow-medium);
|
||||
animation: fadeIn 0.5s ease;
|
||||
}
|
||||
|
||||
.current-version-badge {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 16rpx;
|
||||
font-size: 24rpx;
|
||||
display: inline-block;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.current-version-info {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.current-version-name {
|
||||
font-size: 40rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.current-version-date {
|
||||
font-size: 28rpx;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/* 日志列表 */
|
||||
.log-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
/* 版本项 */
|
||||
.version-item {
|
||||
background: var(--surface-color);
|
||||
border-radius: var(--radius-medium);
|
||||
padding: 32rpx;
|
||||
box-shadow: var(--shadow-light);
|
||||
border: 1rpx solid var(--border-color);
|
||||
transition: all 0.3s ease;
|
||||
animation: slideUp 0.4s ease;
|
||||
}
|
||||
|
||||
.version-item:active {
|
||||
transform: scale(0.98);
|
||||
box-shadow: var(--shadow-medium);
|
||||
}
|
||||
|
||||
/* 版本头部 */
|
||||
.version-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
border-bottom: 1rpx solid var(--border-color);
|
||||
}
|
||||
|
||||
/* 版本名称 */
|
||||
.version-name {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* 版本日期 */
|
||||
.version-date {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
/* 版本内容 */
|
||||
.version-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
/* 更新区域 */
|
||||
.update-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
/* 区域标题 */
|
||||
.section-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.section-icon {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
/* 区域内容 */
|
||||
.section-items {
|
||||
padding-left: 36rpx;
|
||||
}
|
||||
|
||||
/* 更新项 */
|
||||
.update-item {
|
||||
font-size: 26rpx;
|
||||
color: var(--text-secondary);
|
||||
display: block;
|
||||
margin-bottom: 16rpx;
|
||||
line-height: 1.6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.update-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 加载更多 */
|
||||
.load-more {
|
||||
text-align: center;
|
||||
padding: 32rpx;
|
||||
font-size: 28rpx;
|
||||
color: var(--text-secondary);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8rpx;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.load-more:active {
|
||||
color: var(--primary-color);
|
||||
transform: scale(0.96);
|
||||
}
|
||||
|
||||
.load-more-icon {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
/* 没有更多内容 */
|
||||
.no-more {
|
||||
text-align: center;
|
||||
padding: 48rpx 32rpx;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
/* 动画效果 */
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10rpx);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(20rpx);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* 响应式设计 */
|
||||
@media screen and (max-width: 375px) {
|
||||
.current-version-name {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.current-version-date {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.version-name {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.update-item {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 加载动画 */
|
||||
.loading {
|
||||
display: inline-block;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border: 2rpx solid var(--border-color);
|
||||
border-radius: 50%;
|
||||
border-top-color: var(--primary-color);
|
||||
animation: spin 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue