基本样式变更
This commit is contained in:
+12
-12
@@ -102,23 +102,23 @@ export default {
|
||||
|
||||
<style scoped>
|
||||
.body { padding: 16rpx 24rpx 40rpx; }
|
||||
.clock-box { background: #f2f3ff; border-radius: 16rpx; padding: 36rpx 0; text-align: center; }
|
||||
.now { display: block; font-size: 68rpx; font-weight: 700; letter-spacing: 2rpx; }
|
||||
.shift { font-size: 22rpx; color: #434655; }
|
||||
.clock-box { background: #fff; border-radius: 24rpx; padding: 48rpx 0 40rpx; text-align: center; border: 1rpx solid rgba(17,24,39,0.06); }
|
||||
.now { display: block; font-size: 72rpx; font-weight: 650; letter-spacing: 2rpx; color: #111827; }
|
||||
.shift { font-size: 22rpx; color: #4B5563; }
|
||||
.grid { display: flex; gap: 16rpx; margin: 20rpx 0; }
|
||||
.stat { flex: 1; padding: 24rpx; }
|
||||
.lab { font-size: 26rpx; font-weight: 600; display: block; }
|
||||
.val { font-size: 24rpx; color: #434655; display: block; margin-top: 12rpx; }
|
||||
.val.ok { color: #006c49; font-weight: 700; }
|
||||
.tiny { font-size: 20rpx; color: #737686; }
|
||||
.geo { display: block; text-align: center; font-size: 22rpx; color: #434655; margin: 16rpx 0 24rpx; }
|
||||
.val { font-size: 24rpx; color: #4B5563; display: block; margin-top: 12rpx; }
|
||||
.val.ok { color: #16A34A; font-weight: 650; }
|
||||
.tiny { font-size: 20rpx; color: #6B7280; }
|
||||
.geo { display: block; text-align: center; font-size: 22rpx; color: #4B5563; margin: 16rpx 0 24rpx; }
|
||||
.quick { display: flex; gap: 12rpx; }
|
||||
.q { flex: 1; height: 72rpx; background: #fff; border-radius: 12rpx; text-align: center; line-height: 72rpx; font-size: 24rpx; }
|
||||
.sec { margin: 32rpx 0 12rpx; font-size: 28rpx; font-weight: 600; }
|
||||
.rec { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 28rpx; border-bottom: 1rpx solid #eaedff; }
|
||||
.rec { display: flex; justify-content: space-between; align-items: center; padding: 24rpx 28rpx; border-bottom: 1rpx solid #E8ECF2; }
|
||||
.rt { display: block; font-size: 28rpx; font-weight: 600; }
|
||||
.rl { display: block; font-size: 22rpx; color: #737686; }
|
||||
.ok { color: #006c49; font-size: 24rpx; }
|
||||
.empty { padding: 40rpx; text-align: center; color: #737686; }
|
||||
.deny { padding: 120rpx 40rpx; text-align: center; color: #737686; }
|
||||
.rl { display: block; font-size: 22rpx; color: #6B7280; }
|
||||
.ok { color: #16A34A; font-size: 24rpx; }
|
||||
.empty { padding: 40rpx; text-align: center; color: #6B7280; }
|
||||
.deny { padding: 120rpx 40rpx; text-align: center; color: #6B7280; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user