first
This commit is contained in:
181
commons/style/uni-overwrite.scss
Normal file
181
commons/style/uni-overwrite.scss
Normal file
@@ -0,0 +1,181 @@
|
||||
/**
|
||||
* 系统级别：覆写 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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user