更新:增加“我的”相关功能
This commit is contained in:
137
style/ui.scss
Normal file
137
style/ui.scss
Normal file
@@ -0,0 +1,137 @@
|
||||
:root,
|
||||
page {
|
||||
/* 文字字号 */
|
||||
--wot-fs-title: 18px; // 标题字号/重要正文字号
|
||||
--wot-fs-content: 16px; // 普通正文
|
||||
--wot-fs-secondary: 14px; // 次要信息,注释/补充/正文
|
||||
|
||||
// 导航栏
|
||||
// --wot-navbar-background: #5355C8;
|
||||
// --wot-navbar-color: #fff;
|
||||
// --wot-navbar-hover-color: #4D4DB9;
|
||||
|
||||
// 底部tabbar
|
||||
// --wot-tabbar-height: 60px;
|
||||
// --wot-tabbar-item-title-font-size: 16px;
|
||||
|
||||
// cell
|
||||
--wot-cell-title-fs: 16px;
|
||||
|
||||
// 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: 9999 !important;
|
||||
// }
|
||||
// .wd-overlay {
|
||||
// z-index: 9998 !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-secondary) !important;
|
||||
// border-radius: 4px !important;
|
||||
// }
|
||||
Reference in New Issue
Block a user