153 lines
2.9 KiB
SCSS
153 lines
2.9 KiB
SCSS
:root,
|
|
page {
|
|
/* 文字字号 */
|
|
--wot-fs-title: 36rpx; // 标题字号/重要正文字号
|
|
--wot-fs-content: 28rpx; // 普通正文
|
|
--wot-fs-secondary: 24rpx; // 次要信息，注释/补充/正文
|
|
--wot-fs-tertiary: 20rpx; // 次次要信息，注释/补充/正文
|
|
|
|
// 导航栏
|
|
--wot-navbar-background: #fff;
|
|
--wot-navbar-color: #000;
|
|
--wot-navbar-hover-color: #fff;
|
|
|
|
// 底部tabbar
|
|
// --wot-tabbar-height: 60px;
|
|
// --wot-tabbar-item-title-font-size: 16px;
|
|
|
|
// cell
|
|
--wot-cell-title-fs: 28rpx;
|
|
|
|
// dropdown
|
|
// --wot-drop-menu-selected-color: #5355C8;
|
|
|
|
// collapse
|
|
--wot-collapse-body-padding: 0px 20px 15px;
|
|
}
|
|
uni-textarea {
|
|
height: 100px !important;
|
|
}
|
|
|
|
// 表单
|
|
.wd-input__body, .wd-picker__body {
|
|
text-align: left;
|
|
}
|
|
.wd-input__error-message,
|
|
.wd-picker__error-message,
|
|
.wd-cell__error-message {
|
|
text-align: right !important;
|
|
}
|
|
.wd-input.is-cell{
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
.wd-textarea.is-cell {
|
|
display: block !important;
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
.wd-textarea.is-auto-height uni-textarea {
|
|
height: auto !important;
|
|
}
|
|
// 错误样式
|
|
.wd-input.is-error {
|
|
&::after {
|
|
background: red !important;
|
|
}
|
|
|
|
.wd-input__icon {
|
|
color: red !important;
|
|
}
|
|
}
|
|
// 顶部对齐表单
|
|
.label-position-top {
|
|
.wd-input {
|
|
display: block !important;
|
|
}
|
|
.wd-input__body {
|
|
text-align: left !important;
|
|
}
|
|
.wd-input__value {
|
|
border: 1px solid #eee;
|
|
padding: 2px 10px;
|
|
}
|
|
.wd-input__error-message {
|
|
text-align: left !important;
|
|
}
|
|
}
|
|
|
|
// cell 样式
|
|
.wd-cell-group {
|
|
padding: 0 8px;
|
|
}
|
|
.wd-cell {
|
|
padding-left: 0 !important;
|
|
}
|
|
.wd-cell .wd-cell__wrapper {
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
.wd-cell__arrow-right {
|
|
margin-right: -5px;
|
|
}
|
|
.wd-picker.is-border .wd-picker__cell::after,
|
|
.wd-input.is-cell.is-border::after,
|
|
.wd-textarea.is-cell.is-border::after{
|
|
left: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
// picker
|
|
.wd-picker__cell {
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
.wd-picker__arrow {
|
|
font-size: 18px !important;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
// popup
|
|
.wd-popup {
|
|
z-index: 99 !important;
|
|
}
|
|
.wd-overlay {
|
|
z-index: 98 !important;
|
|
}
|
|
.wd-popup-wrapper {
|
|
.wd-popup {
|
|
border-radius: 15px !important;
|
|
}
|
|
.wd-popup--bottom {
|
|
border-radius: 15px 15px 0 0 !important;
|
|
}
|
|
}
|
|
|
|
// uni-ui form
|
|
// .uni-forms-item {
|
|
// margin-bottom: 10px !important;
|
|
// }
|
|
// .uni-forms-item__label {
|
|
// height: auto !important;
|
|
// padding-bottom: 0 !important;
|
|
// font-size: var(--wot-fs-content) !important;
|
|
// }
|
|
// .uni-easyinput__content-input {
|
|
// height: 30px !important;
|
|
// }
|
|
// .uni-easyinput__placeholder-class {
|
|
// font-size: var(--wot-fs-content) !important;
|
|
// }
|
|
|
|
// tag
|
|
.wd-tag {
|
|
font-size: var(--wot-fs-tertiary) !important;
|
|
border-radius: 4px !important;
|
|
padding: 2px 6px !important;
|
|
}
|
|
|
|
// 缺省
|
|
.wd-status-tip__text {
|
|
margin: 0px auto 20px !important;
|
|
}
|