zhaichao/oa_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

基本样式变更

Browse Source
This commit is contained in:
zhaichao
2026-09-23 17:38:24 +08:00
parent e464c2ad13
commit 9a22980071
35 changed files with 413 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/login/login.vue
+17 -17
View File
@@ -125,29 +125,29 @@ export default {
.body { padding: 48rpx 40rpx 80rpx; }
.brand-box { display: flex; flex-direction: column; align-items: center; margin-bottom: 48rpx; }
.logo {
width: 128rpx; height: 128rpx; border-radius: 32rpx;
background: linear-gradient(135deg, #004ac6, #2563eb);
color: #fff; font-size: 52rpx; font-weight: 700;
width: 112rpx; height: 112rpx; border-radius: 28rpx;
background: #1677FF;
color: #fff; font-size: 48rpx; font-weight: 650;
display: flex; align-items: center; justify-content: center;
margin-bottom: 20rpx;
margin-bottom: 24rpx;
}
.name { font-size: 40rpx; font-weight: 700; }
.sub { font-size: 22rpx; color: #737686; margin-top: 8rpx; }
.name { font-size: 40rpx; font-weight: 650; letter-spacing: 0.5rpx; }
.sub { font-size: 24rpx; color: #6B7280; margin-top: 10rpx; }
.field { margin-bottom: 24rpx; }
.lab { font-size: 24rpx; color: #434655; margin-bottom: 8rpx; display: block; }
.lab { font-size: 26rpx; color: #374151; margin-bottom: 10rpx; display: block; }
.box {
height: 96rpx; background: #fff; border-radius: 16rpx;
border: 1rpx solid rgba(0,0,0,0.04); padding: 0 24rpx;
border: 1rpx solid rgba(17,24,39,0.08); padding: 0 24rpx;
display: flex; align-items: center;
}
.box input { flex: 1; font-size: 28rpx; }
.pre { font-size: 24rpx; color: #737686; margin-right: 16rpx; padding-right: 16rpx; border-right: 1rpx solid #eaedff; }
.eye, .sms { font-size: 22rpx; color: #2563eb; padding-left: 12rpx; }
.sms.off { color: #737686; }
.agree { display: flex; align-items: flex-start; gap: 12rpx; margin: 16rpx 0 32rpx; }
.ck { width: 28rpx; height: 28rpx; border: 2rpx solid #c3c6d7; border-radius: 6rpx; margin-top: 4rpx; }
.ck.on { background: #2563eb; border-color: #2563eb; }
.ag { flex: 1; font-size: 22rpx; color: #737686; line-height: 1.5; }
.err { display: block; color: #ba1a1a; font-size: 24rpx; margin-top: 16rpx; text-align: center; }
.box input { flex: 1; font-size: 30rpx; }
.pre { font-size: 26rpx; color: #6B7280; margin-right: 16rpx; padding-right: 16rpx; border-right: 1rpx solid #E8ECF2; }
.eye, .sms { font-size: 26rpx; color: #1677FF; padding-left: 12rpx; }
.sms.off { color: #6B7280; }
.agree { display: flex; align-items: flex-start; gap: 12rpx; margin: 16rpx 0 36rpx; }
.ck { width: 32rpx; height: 32rpx; border: 2rpx solid #D1D5DB; border-radius: 8rpx; margin-top: 4rpx; flex-shrink: 0; }
.ck.on { background: #1677FF; border-color: #1677FF; }
.ag { flex: 1; font-size: 24rpx; color: #6B7280; line-height: 1.55; }
.err { display: block; color: #DC2626; font-size: 26rpx; margin-top: 16rpx; text-align: center; }
.dim { opacity: 0.65; }
</style>