first
This commit is contained in:
406
commons/style/common.scss
Normal file
406
commons/style/common.scss
Normal file
@@ -0,0 +1,406 @@
|
||||
.u-relative,
|
||||
.u-rela {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.u-absolute,
|
||||
.u-abso {
|
||||
position: absolute;
|
||||
}
|
||||
.u-fixed,.u-fix{
|
||||
position: fixed;
|
||||
}
|
||||
.left-top{
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.u-overflow-hide{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
|
||||
/* #ifndef APP-NVUE */
|
||||
image {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
// 在weex，也即nvue中，所有元素默认为border-box
|
||||
view,
|
||||
text {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
.u-font-xs {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.u-font-sm {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.u-font-md {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.u-font-lg {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.u-font-xl {
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
.u-flex {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.u-flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.u-flex-nowrap {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.u-col-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.u-col-top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.u-col-bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.u-row-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.u-row-left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.u-row-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.u-row-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.u-row-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.u-text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.u-text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.u-text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.u-flex-col {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex!important;
|
||||
/* #endif */
|
||||
flex-direction: column!important;
|
||||
}
|
||||
|
||||
// 定义flex等分
|
||||
@for $i from 0 through 12 {
|
||||
.u-flex-#{$i} {
|
||||
flex: $i;
|
||||
}
|
||||
}
|
||||
|
||||
// 定义字体(px)单位，小于20都为px单位字体
|
||||
@for $i from 9 to 20 {
|
||||
.u-font-#{$i} {
|
||||
font-size: $i + px;
|
||||
}
|
||||
}
|
||||
|
||||
// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
|
||||
@for $i from 20 through 40 {
|
||||
.u-font-#{$i} {
|
||||
font-size: $i + rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 定义内外边距，历遍1-80
|
||||
@for $i from 0 through 80 {
|
||||
// 只要双数和能被5除尽的数
|
||||
@if $i % 2 == 0 or $i % 5 == 0 {
|
||||
// 得出：u-margin-30或者u-m-30
|
||||
.u-margin-#{$i}, .u-m-#{$i} {
|
||||
margin: $i + rpx!important;
|
||||
}
|
||||
|
||||
// 得出：u-padding-30或者u-p-30
|
||||
.u-padding-#{$i}, .u-p-#{$i} {
|
||||
padding: $i + rpx!important;
|
||||
}
|
||||
|
||||
@each $short, $long in l left, t top, r right, b bottom {
|
||||
// 缩写版，结果如： u-m-l-30
|
||||
// 定义外边距
|
||||
.u-m-#{$short}-#{$i} {
|
||||
margin-#{$long}: $i + rpx!important;
|
||||
}
|
||||
|
||||
// 定义内边距
|
||||
.u-p-#{$short}-#{$i} {
|
||||
padding-#{$long}: $i + rpx!important;
|
||||
}
|
||||
|
||||
// 完整版，结果如：u-margin-left-30
|
||||
// 定义外边距
|
||||
.u-margin-#{$long}-#{$i} {
|
||||
margin-#{$long}: $i + rpx!important;
|
||||
}
|
||||
|
||||
// 定义内边距
|
||||
.u-padding-#{$long}-#{$i} {
|
||||
padding-#{$long}: $i + rpx!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 重置nvue的默认关于flex的样式
|
||||
.u-reset-nvue {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* start--文本行数限制--start */
|
||||
.u-line-1 {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.u-line-2 {
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.u-line-3 {
|
||||
-webkit-line-clamp: 3;
|
||||
}
|
||||
|
||||
.u-line-4 {
|
||||
-webkit-line-clamp: 4;
|
||||
}
|
||||
|
||||
.u-line-5 {
|
||||
-webkit-line-clamp: 5;
|
||||
}
|
||||
|
||||
.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box; // 弹性伸缩盒
|
||||
-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
|
||||
}
|
||||
|
||||
/* end--文本行数限制--end */
|
||||
|
||||
|
||||
/* start--不同颜色文字--start */
|
||||
.color-333{
|
||||
color: #333;
|
||||
}
|
||||
.color-666{
|
||||
color: #666;
|
||||
}
|
||||
.color-999{
|
||||
color: #999;
|
||||
}
|
||||
.color-red{
|
||||
color: $my-red-color;
|
||||
}
|
||||
.color-main{
|
||||
color:$my-main-color
|
||||
}
|
||||
|
||||
/* end--不同颜色文字--end */
|
||||
|
||||
|
||||
.tranistion{
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
.tranistion-1{
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
.tranistion-2{
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
.font-bold{
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
/* start--不同颜色背景--start */
|
||||
.my-bg-main{
|
||||
background-color:$my-main-color
|
||||
}
|
||||
|
||||
/* end--不同颜色背景--end */
|
||||
|
||||
.safe-page{
|
||||
padding-bottom: 60rpx!important;
|
||||
}
|
||||
::v-deep .uni-switch-input.uni-switch-input-checked{
|
||||
border-color: $my-main-color;
|
||||
background-color: $my-main-color;
|
||||
}
|
||||
.min-page{
|
||||
/* #ifdef H5 */
|
||||
min-height: calc(100vh - 44px);
|
||||
/* #endif */
|
||||
/* #ifndef H5 */
|
||||
min-height: 100vh;
|
||||
/* #endif */
|
||||
}
|
||||
.w-full{
|
||||
width: 100%;
|
||||
}
|
||||
.gap-20{
|
||||
gap: 20rpx;
|
||||
}
|
||||
.color-000{
|
||||
color: #000;
|
||||
}
|
||||
.color-fff{
|
||||
color: #fff;
|
||||
}
|
||||
.bg-fff{
|
||||
background-color: #fff;
|
||||
}
|
||||
.bg-gray{
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
.overflow-hide{
|
||||
/* #ifdef H5 */
|
||||
height: calc(100vh - 44px);
|
||||
/* #endif */
|
||||
/* #ifndef H5 */
|
||||
height: 100vh;
|
||||
/* #endif */
|
||||
overflow: hidden;
|
||||
}
|
||||
.no-wrap{
|
||||
white-space: nowrap;
|
||||
}
|
||||
.border-r-12{
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
.border-r-18{
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
.border-top{
|
||||
border-top: 1px solid #E5E5E5;
|
||||
}
|
||||
.border-bottom{
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
}
|
||||
.scale7{
|
||||
transform: scale(0.7);
|
||||
}
|
||||
.page-gray {
|
||||
min-height: calc(100vh);
|
||||
/* #ifdef H5 */
|
||||
min-height: calc(100vh - var(--window-top));
|
||||
/* #endif */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #F9F9F9;
|
||||
}
|
||||
.box-shadow{
|
||||
box-shadow: 0 0 5px #eee;
|
||||
}
|
||||
.safe-bottom{
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
/* #ifdef H5 */
|
||||
padding-bottom: 28rpx;
|
||||
/* #endif */
|
||||
}
|
||||
.position-all{
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.fixed-top{
|
||||
position: fixed;
|
||||
/* #ifdef H5 */
|
||||
top: 44px;
|
||||
/* #endif */
|
||||
/* #ifndef H5 */
|
||||
top: 0;
|
||||
/* #endif */
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.lh30 {
|
||||
line-height: 30px;
|
||||
}
|
||||
.default-box-padding{
|
||||
padding: 32rpx 28rpx;
|
||||
}
|
||||
.icon-arrow-down-fill {
|
||||
width: 16rpx;
|
||||
height: 10rpx;
|
||||
}
|
||||
.zIndex-999{
|
||||
z-index: 999;
|
||||
}
|
||||
.icon-default-size{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
::v-deep.uni-easyinput__placeholder-class{
|
||||
font-size: 28rpx!important;
|
||||
}
|
||||
.filter-gray{
|
||||
filter: grayscale(1);
|
||||
}
|
||||
// .u-font-20{
|
||||
// font-size: 10px;
|
||||
// }
|
||||
// .u-font-24{
|
||||
// font-size: 12px;
|
||||
// }
|
||||
// .u-font-28{
|
||||
// font-size: 14px;
|
||||
// }
|
||||
// .u-font-32{
|
||||
// font-size: 16px;
|
||||
// }
|
||||
.line-th{
|
||||
text-decoration: line-through;
|
||||
}
|
||||
//覆盖u-view-plus 颜色
|
||||
.u-primary-light {
|
||||
color: $my-main-color;
|
||||
}
|
||||
::v-deep .u-border{
|
||||
border-width: 1px!important;
|
||||
}
|
||||
|
||||
::v-deep .u-m-t-16 .u-textarea{
|
||||
border-width: 1px!important;
|
||||
}
|
||||
230
commons/style/global.scss
Normal file
230
commons/style/global.scss
Normal file
@@ -0,0 +1,230 @@
|
||||
/**
|
||||
* 系统级别： 全局样式
|
||||
*
|
||||
* @site https://www.jeequan.com
|
||||
* @date 2022/11/22 07:29
|
||||
*/
|
||||
|
||||
/** 已整理 **/
|
||||
|
||||
|
||||
// 通用 列表页样式
|
||||
.page-wrapper {
|
||||
min-height: calc(100vh - 70rpx); /** 最小高度 **/
|
||||
padding-bottom: 70rpx; /** 安全距离（防止home条遮挡文字） **/
|
||||
background-color: $v-color-bgrey; /** 全局背景灰 **/
|
||||
}
|
||||
|
||||
// 底部 固定的按钮， 比如： 创建门店， 创建员工等按钮。
|
||||
.list-footer{
|
||||
height: 100rpx;
|
||||
background: transparent;
|
||||
.button-wrapper {
|
||||
border-top: 1rpx solid rgba(0,0,0, 0.07);
|
||||
background-color: rgba(252, 252, 252, 0.85);
|
||||
backdrop-filter: blur(20rpx);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** 详情页 覆写：list-item */
|
||||
.list-item-by-detail {
|
||||
padding: 60rpx 60rpx 10rpx 60rpx !important;
|
||||
background-color: transparent !important; /** 背景透明 **/
|
||||
.list-title{
|
||||
color: #fff !important;
|
||||
}
|
||||
.list-subtitle{
|
||||
color: rgba(251,252,253,0.7) !important;
|
||||
}
|
||||
.list-info {
|
||||
image {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**列表条目渲染， 比如： 头像、 主标题， **/
|
||||
.list-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 40rpx;
|
||||
height: 170rpx;
|
||||
background-color: #FFF; /** 背景 白色 **/
|
||||
image {
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
.list-info {
|
||||
flex: 1;
|
||||
.list-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 40rpx;
|
||||
color: rgba(77,77,77,1);
|
||||
.list-name {
|
||||
width: auto;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
.list-subtitle {
|
||||
color: rgba(153, 153, 153, 1);
|
||||
margin-top: 25rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
width: 430rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** 状态小圆点 **/
|
||||
.state-dot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
margin-left: 20rpx;
|
||||
width: 20rpx;
|
||||
height: 20rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/** 状态小圆点 **/
|
||||
.state-dot-enable {
|
||||
&::after {
|
||||
background-color: #168FFF;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/** 状态小圆点 **/
|
||||
.state-dot-disable {
|
||||
&::after {
|
||||
background-color: #D9D9D9;
|
||||
}
|
||||
}
|
||||
|
||||
/** 状态小圆点 **/
|
||||
.state-dot-error {
|
||||
&::after {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 描述预览图, 参考： app详情
|
||||
* 第一个最后一个距离上下 40rpx, 中间间距20rpx
|
||||
*/
|
||||
.desc-view {
|
||||
.desc-view-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 40rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
|
||||
.title {
|
||||
color: #808080;
|
||||
}
|
||||
.desc {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
&:last-child {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** 已整理 **/
|
||||
|
||||
|
||||
|
||||
|
||||
//容器内部元素上下左右居中
|
||||
.flex-center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
// 触摸反馈样式
|
||||
.touch-hover {
|
||||
background-color: #f7f8fa !important ;
|
||||
}
|
||||
.touch-button {
|
||||
opacity: 0.5;
|
||||
}
|
||||
/* 单行文本超出省略号 */
|
||||
.single-text-beyond {
|
||||
overflow: hidden; /*超出部分隐藏*/
|
||||
white-space: nowrap; /*禁止换行*/
|
||||
text-overflow: ellipsis; /*省略号*/
|
||||
}
|
||||
// 按钮背景样式
|
||||
.footer-button-style {
|
||||
border-top: 1rpx solid #fcfcfc;
|
||||
background-color: rgba(252, 252, 252, 0.85);
|
||||
backdrop-filter: blur(20rpx);
|
||||
}
|
||||
// 搜素框 提示语样式
|
||||
.input-placeholder {
|
||||
font-size: 32rpx;
|
||||
color: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
|
||||
// 表单分割线
|
||||
.line {
|
||||
height: 20rpx;
|
||||
background-color: $v-color-bgrey;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* jeepay-btn 通用btn样式。
|
||||
* 用法： <button class='jeepay-btn' hover-class="hover-button" @tap="loginFunc">登录</button>
|
||||
*/
|
||||
.jeepay-btn {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 110rpx;
|
||||
font-size: 33rpx;
|
||||
font-weight: 500;
|
||||
color: $J-color-tff;
|
||||
border-radius: 20rpx;
|
||||
background: linear-gradient(270deg, rgba(35,143,252,1) 0%, rgba(26,102,255,1) 100%);
|
||||
box-shadow: 0 20rpx 60rpx -20rpx rgba(0,84,210,0.5);
|
||||
&.hover-button {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
/** 输入框icon **/
|
||||
.input-icon{
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
}
|
||||
4
commons/style/ipad.scss
Normal file
4
commons/style/ipad.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
.login-wrapper{
|
||||
.login-bottom{
|
||||
}
|
||||
}
|
||||
6
commons/style/reset-uni-form.scss
Normal file
6
commons/style/reset-uni-form.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
::v-deep .uni-easyinput__content-input{
|
||||
height: initial;
|
||||
}
|
||||
::v-deep .uni-forms-item{
|
||||
min-height: initial;
|
||||
}
|
||||
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;
|
||||
}
|
||||
|
||||
77
commons/style/vars.scss
Normal file
77
commons/style/vars.scss
Normal file
@@ -0,0 +1,77 @@
|
||||
/**
|
||||
* 系统级别： 自定义变量
|
||||
*
|
||||
* @site https://www.jeequan.com
|
||||
* @date 2022/11/22 07:29
|
||||
*/
|
||||
|
||||
// $v : 表示： variables简写。 uni的默认都有特殊开头， 一般不会重复。
|
||||
$v-color-t21: #217dfe;
|
||||
|
||||
// 全局通用： 背景灰 background grey
|
||||
$v-color-bgrey: #F7F7F7;
|
||||
|
||||
// 背景色
|
||||
$J-bg-f7: #f7f7f7; //页面背景色
|
||||
$J-bg-ff: #fff;
|
||||
$J-bg-f5: #f5f5f5; //输入框背景色
|
||||
|
||||
// 文字颜色
|
||||
$J-color-t80: #808080; //常用于 未选中文字颜色
|
||||
$J-color-t21: #217dfe; //卡片文字选中 统计报表
|
||||
$J-color-tff: #fff;
|
||||
$J-color-tSff: rgba(255, 255, 255, 0.7);
|
||||
$J-color-t29: #2980fd; //选中 文字颜色 搜索
|
||||
$J-color-ta6: #a6a6a6;
|
||||
$J-color-t4d: #4d4d4d; //标题颜色
|
||||
$J-color-t99: #999;
|
||||
$J-color-t8c: #8c8c8c; // 卡片列表 标题文字颜色
|
||||
//圆角相关变量
|
||||
$J-b-r32: 32rpx;
|
||||
$J-b-r12: 12rpx;
|
||||
$J-b-r10: 10rpx;
|
||||
$v-b-r20: 20rpx;
|
||||
|
||||
// 文字大小
|
||||
$J-f-size30: 30rpx;
|
||||
|
||||
// 常用边框颜色
|
||||
$v-b-color-ed: #ededed;
|
||||
|
||||
//common.scss 分包页面以及组件里所用的颜色
|
||||
$my-main-color:#318AFE;
|
||||
$my-red-color:#F02C45;
|
||||
|
||||
//my-components
|
||||
$u-main-color: #303133;
|
||||
$u-content-color: #606266;
|
||||
$u-tips-color: #909193;
|
||||
$u-light-color: #c0c4cc;
|
||||
$u-border-color: #dadbde;
|
||||
$u-bg-color: #f3f4f6;
|
||||
$u-disabled-color: #c8c9cc;
|
||||
|
||||
$u-primary: #3c9cff;
|
||||
$u-primary-dark: #398ade;
|
||||
$u-primary-disabled: #9acafc;
|
||||
$u-primary-light: #ecf5ff;
|
||||
|
||||
$u-warning: #f9ae3d;
|
||||
$u-warning-dark: #f1a532;
|
||||
$u-warning-disabled: #f9d39b;
|
||||
$u-warning-light: #fdf6ec;
|
||||
|
||||
$u-success: #5ac725;
|
||||
$u-success-dark: #53c21d;
|
||||
$u-success-disabled: #a9e08f;
|
||||
$u-success-light: #f5fff0;
|
||||
|
||||
$u-error: #f56c6c;
|
||||
$u-error-dark: #e45656;
|
||||
$u-error-disabled: #f7b2b2;
|
||||
$u-error-light: #fef0f0;
|
||||
|
||||
$u-info: #909399;
|
||||
$u-info-dark: #767a82;
|
||||
$u-info-disabled: #c4c6c9;
|
||||
$u-info-light: #f4f4f5;
|
||||
Reference in New Issue
Block a user