182 lines
3.7 KiB
SCSS
182 lines
3.7 KiB
SCSS
/**
|
|
* 系统级别：覆写 uni样式
|
|
*
|
|
* @site https://www.jeequan.com
|
|
* @date 2022/11/22 07:29
|
|
*/
|
|
|
|
|
|
|
|
|
|
/* 去除开关右侧边距 */
|
|
.uni-switch-input {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
/* .uni-navbar {
|
|
position: relative;
|
|
z-index: 10;
|
|
} */
|
|
.uni-popup{
|
|
z-index: 998 !important;
|
|
}
|
|
// 表单组件样式 覆写
|
|
.uni-forms-item {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 120rpx;
|
|
background-color: $J-bg-ff;
|
|
font-size: 32rpx;
|
|
font-weight: 400;
|
|
}
|
|
.uni-forms-item ::v-deep .uni-forms-item__label {
|
|
font-size: 32rpx !important;
|
|
font-weight: 400;
|
|
text-indent: 40rpx;
|
|
color: #4d4d4d;
|
|
height: auto !important;
|
|
}
|
|
|
|
// uni-form-item 表单校验， 如果校验不通过， 显示的文字占位， 并且添加下边距。
|
|
.uni-forms-item__error.msg--active{
|
|
position: relative !important;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
|
|
.is-input-error-border .uni-easyinput__placeholder-class{
|
|
color: #f56c6c !important
|
|
}
|
|
|
|
|
|
// 去掉按钮边框
|
|
button:after {
|
|
border: none !important;
|
|
}
|
|
|
|
// 去点导航栏组件center&right
|
|
::v-deep.uni-navbar__header {
|
|
.uni-navbar__header-container,
|
|
.uni-navbar__header-btns-right {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
// 修改 uuni-easyinput
|
|
// form 外层必须包裹一个 view class="jeepay-form"
|
|
.jeepay-form {
|
|
.uni-easyinput {
|
|
.uni-easyinput__content {
|
|
border: 2px solid transparent !important;
|
|
height: 110rpx;
|
|
padding: 0 30rpx;
|
|
margin-bottom: 50rpx;
|
|
box-sizing: border-box !important;
|
|
border-radius: 20rpx !important;
|
|
background-color: rgba(247, 247, 247, 1) !important;
|
|
}
|
|
|
|
.uni-easyinput__content-input {
|
|
color: rgba(0, 0, 0, 1);
|
|
font-size: 32rpx !important;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.is-foucs {
|
|
border: 2px solid #1d79fd !important;
|
|
background-color: white !important;
|
|
}
|
|
|
|
.uni-input-placeholder
|
|
/* #ifdef MP-WEIXIN */
|
|
,.uni-easyinput__placeholder-class
|
|
/* #endif */ {
|
|
font-size: 32rpx !important;
|
|
color: #B3B3B3 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.jeepay-edit-form .uni-easyinput__content-input {
|
|
padding-left: 0 !important;
|
|
.uni-input-placeholder {
|
|
font-size: 32rpx !important;
|
|
}
|
|
}
|
|
|
|
// 设置新密码覆盖form默认样式
|
|
.new-password {
|
|
.uni-forms-item.is-direction-left {
|
|
padding: 0 40rpx;
|
|
.uni-forms-item__label {
|
|
width: 190rpx !important;
|
|
font-size: 32rpx !important;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
color: rgba(102, 102, 102, 1);
|
|
text-indent: 0 !important;
|
|
}
|
|
.uni-easyinput__placeholder-class {
|
|
font-size: 32rpx !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 搜索栏覆盖默认样式
|
|
/* #ifdef MP-WEIXIN */
|
|
.input-main {
|
|
button {
|
|
font-size: 32rpx;
|
|
color: rgba(29,121,253,1);
|
|
background: rgba(255,255,255,1);
|
|
}
|
|
.uni-easyinput {
|
|
.uni-easyinput__content {
|
|
background-color: $J-bg-f5 !important;
|
|
border-radius: $J-b-r12;
|
|
.uni-easyinput__content-input {
|
|
padding-left: 0 !important;
|
|
.uni-input-input {
|
|
border-radius: $J-b-r12 !important;
|
|
overflow: hidden !important;
|
|
}
|
|
}
|
|
.uni-input-placeholder {
|
|
font-size: 27rpx;
|
|
}
|
|
.uni-icons {
|
|
color: rgba(230,230,230,1) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* #endif */
|
|
|
|
// 搜索栏覆盖默认样式
|
|
/* #ifdef MP-WEIXIN */
|
|
button[is="components/Button/Button"] {
|
|
padding: 0;
|
|
background-color: transparent !important;
|
|
}
|
|
/* #endif */
|
|
|
|
// 修改时间选择器按钮颜色
|
|
.xp-button--confirm {
|
|
background: $jeepay-bg-primary;
|
|
}
|
|
.xp-button--cancel {
|
|
color: rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
// label 样式
|
|
.f-label{
|
|
width: 280rpx;
|
|
align-self: start;
|
|
padding-top: 40rpx;
|
|
font-size: 32rpx ;
|
|
font-weight: 400;
|
|
text-indent: 40rpx;
|
|
color: #4d4d4d;
|
|
}
|
|
|