mirror of
https://github.com/jiangrui1994/CloudSaver.git
synced 2026-01-12 08:08:46 +08:00
refactor:优化移动端页面
This commit is contained in:
@@ -33,4 +33,30 @@ body {
|
||||
background-color: var(--theme-background);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* 移动端全局样式 */
|
||||
@media screen and (max-width: 768px) {
|
||||
#app {
|
||||
max-width: 100vw;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* 统一按钮样式 */
|
||||
.van-button {
|
||||
height: 40px;
|
||||
font-size: var(--font-size-base);
|
||||
border-radius: var(--border-radius-base);
|
||||
}
|
||||
|
||||
/* 统一输入框样式 */
|
||||
.van-field {
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
/* 统一卡片样式 */
|
||||
.van-card {
|
||||
border-radius: var(--border-radius-base);
|
||||
margin: var(--spacing-base) 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user