104 lines
2.2 KiB
SCSS
104 lines
2.2 KiB
SCSS
/**
|
|
* 适老化模式全局样式文件
|
|
* 只包含通用样式，特定页面样式放在各自页面中
|
|
*/
|
|
|
|
/* 导入基础变量 */
|
|
@import "./uni.scss";
|
|
|
|
/* 全局适老化样式 - 通用组件样式 */
|
|
.elder-mode-active {
|
|
|
|
/* 全局文字大小调整 */
|
|
text, .text {
|
|
font-size: $uni-font-size-base-elder !important;
|
|
}
|
|
|
|
/* 标题类文字 */
|
|
.title, h1, h2, h3, h4, h5, h6 {
|
|
font-size: $uni-font-size-lg-elder !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
/* 按钮 */
|
|
button, .button {
|
|
font-size: $uni-font-size-base-elder !important;
|
|
min-height: 60rpx !important;
|
|
padding: 20rpx 30rpx !important;
|
|
border-radius: 15rpx !important;
|
|
}
|
|
|
|
/* 输入框 */
|
|
input, .input, textarea {
|
|
font-size: $uni-font-size-base-elder !important;
|
|
min-height: 60rpx !important;
|
|
padding: 20rpx !important;
|
|
}
|
|
|
|
/* 导航栏 */
|
|
.uni-navbar, .uni-nav-bar {
|
|
.uni-nav-bar-text {
|
|
font-size: $uni-font-size-lg-elder !important;
|
|
font-weight: bold !important;
|
|
}
|
|
}
|
|
|
|
/* 列表项 */
|
|
.uni-list-item {
|
|
min-height: 100rpx !important;
|
|
|
|
.uni-list-item__content-title {
|
|
font-size: $uni-font-size-base-elder !important;
|
|
}
|
|
|
|
.uni-list-item__content-note {
|
|
font-size: $uni-font-size-sm-elder !important;
|
|
}
|
|
}
|
|
|
|
/* 卡片 */
|
|
.card, .uni-card {
|
|
padding: 30rpx !important;
|
|
border-radius: 20rpx !important;
|
|
margin-bottom: 30rpx !important;
|
|
}
|
|
|
|
/* 图标放大 */
|
|
.icon, .uni-icons, image[src*=".svg"] {
|
|
transform: scale(1.2) !important;
|
|
}
|
|
|
|
/* 间距调整 */
|
|
.page-container, .container {
|
|
padding: 40rpx !important;
|
|
}
|
|
|
|
/* 表单项间距 */
|
|
.form-item, .info-item {
|
|
margin-bottom: 40rpx !important;
|
|
|
|
.item-label {
|
|
font-size: $uni-font-size-base-elder !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.item-value {
|
|
font-size: $uni-font-size-base-elder !important;
|
|
}
|
|
}
|
|
|
|
/* 弹窗 */
|
|
.uni-popup, .uni-modal {
|
|
.uni-popup__wrapper {
|
|
padding: 40rpx !important;
|
|
border-radius: 20rpx !important;
|
|
}
|
|
}
|
|
/* 标签 */
|
|
.tag, .uni-tag {
|
|
font-size: $uni-font-size-sm-elder !important;
|
|
padding: 10rpx 20rpx !important;
|
|
border-radius: 20rpx !important;
|
|
}
|
|
}
|