12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- .about-container {
- background: #fff;
- min-height: 100vh;
- }
- .nav-bar {
- position: relative;
- height: 100rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- border-bottom: 1rpx solid #f0f0f0;
- }
- .back-arrow {
- position: absolute;
- left: 30rpx;
- width: 40rpx;
- height: 40rpx;
- top: 50%;
- transform: translateY(-50%);
- }
- .nav-title {
- font-size: 34rpx;
- font-weight: bold;
- }
- .about-header {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 40rpx 0 30rpx 0;
- }
- .about-logo {
- width: 120rpx;
- height: 120rpx;
- margin-bottom: 20rpx;
- }
- .about-title {
- font-size: 36rpx;
- font-weight: bold;
- margin-bottom: 10rpx;
- }
- .about-version {
- color: #888;
- font-size: 28rpx;
- margin-bottom: 5rpx;
- }
- .about-id {
- color: #bbb;
- font-size: 22rpx;
- margin-bottom: 20rpx;
- }
- .about-list {
- background: #fff;
- border-radius: 20rpx;
- overflow: hidden;
- margin: 0 20rpx;
- }
- .about-item {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 32rpx 0;
- border-bottom: 1rpx solid #f0f0f0;
- font-size: 30rpx;
- }
- .about-item:last-child {
- border-bottom: none;
- }
- .about-right {
- color: #bbb;
- font-size: 26rpx;
- }
- .about-dot {
- width: 16rpx;
- height: 16rpx;
- background: #ff3b30;
- border-radius: 50%;
- margin-left: 10rpx;
- }
|