findme-miniprogram-frontend/subpackages/settings/about/about.wxss

122 lines
1.9 KiB
Text
Raw Normal View History

2025-12-27 17:16:03 +08:00
/* pages/settings/about/about.wxss */
/* 页面容器 */
.about-container {
min-height: 100vh;
background-color: #000000;
padding: 40rpx;
display: flex;
flex-direction: column;
align-items: center;
}
/* 头部区域 */
.header {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 60rpx;
margin-top: 120rpx;
}
.app-logo {
width: 200rpx;
height: 200rpx;
border-radius: 30rpx;
margin-bottom: 30rpx;
}
.app-name {
font-size: 44rpx;
font-weight: bold;
color: #ffffff;
margin-bottom: 10rpx;
}
.app-version {
font-size: 28rpx;
color: #999999;
}
/* 功能列表 */
.function-list {
width: 100%;
margin-bottom: 60rpx;
}
.function-item {
width: 100%;
height: 100rpx;
background-color: #1a1a1a;
border-radius: 16rpx;
padding: 0 30rpx;
margin-bottom: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.function-text {
font-size: 32rpx;
color: #ffffff;
}
.arrow-right {
width: 20rpx;
height: 20rpx;
border-top: 2rpx solid #999999;
border-right: 2rpx solid #999999;
transform: rotate(45deg);
}
/* 发送日志按钮 */
.send-log-btn {
width: 100%;
height: 90rpx;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
color: #ffffff;
font-size: 32rpx;
border-radius: 45rpx;
margin-bottom: 80rpx;
display: flex;
justify-content: center;
align-items: center;
border: none;
}
/* 链接区域 */
.links {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40rpx;
}
.link-item {
font-size: 28rpx;
color: #667eea;
margin-bottom: 20rpx;
}
/* 官网链接 */
.official-website {
width: 100%;
text-align: center;
margin-top: 40rpx;
}
.official-website text {
font-size: 26rpx;
color: #999999;
}
/* 版权信息 */
.copyright {
font-size: 24rpx;
color: #999999;
text-align: center;
margin-top: auto;
margin-bottom: 40rpx;
}