czg_team/shangfutong-ui
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

源文件

Browse Source
This commit is contained in:
gyq
2024-05-23 14:39:33 +08:00
commit a1128dd791
2997 changed files with 500069 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
jeepay-ui-uapp-merchant/commons/style/global.scss Normal file
View 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;
}

181
jeepay-ui-uapp-merchant/commons/style/uni-overwrite.scss Normal file
View 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;
}

39
jeepay-ui-uapp-merchant/commons/style/vars.scss Normal file
View File

@@ -0,0 +1,39 @@
/**
* 系统级别： 自定义变量
*
* @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;