George/HTFX-CRM-Sales
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 初始化

Browse Source
This commit is contained in:
George
2025-07-07 16:05:18 +08:00
commit c169958240
986 changed files with 132574 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

296
pages/home/index.scss Normal file
View File

@ -0,0 +1,296 @@
.container {
padding: 32rpx;
background-color: rgba(245, 245, 245, 1);
.checkBtn {
display: flex;
align-items: center;
justify-content: center;
line-height: 40px;
height: 40px;
width: 100%;
background: rgba(77, 192, 229, 1);
color: #FFFFFF;
font-size: 16px;
font-weight: 400;
margin-top: 20px;
}
.filter {
display: flex;
justify-content: space-between;
.time {
}
.right-class {
margin-left: 10rpx;
width: 144rpx;
background: rgba(255, 255, 255, 1);
display: flex;
justify-content: center;
align-items: center;
}
}
.collect {
margin-top: 10px;
background: rgba(255, 255, 255, 1);
box-shadow: -2rpx 0rpx 10rpx 2rpx rgba(0, 0, 0, 0.15);
padding-bottom: 20px;
.title {
display: flex;
.title-bg {
height: 30px;
//background: linear-gradient(128.01deg, rgba(41, 193, 229, 0.4) 0%, rgba(182, 227, 240, 0.4) 100%);
//box-shadow:inset -1px -1px 4px rgba(39, 65, 125, 0.43);
position: relative;
display: flex;
align-items: center;
color: rgba(39, 65, 125, 1);
font-size: 18px;
font-weight: 500;
padding-right: 50px;
margin-right: 5px;
overflow: hidden;
&::after {
content: "";
position: absolute;
top: -1px;
right: 20px;
width: 100%;
height: calc(100% + 2px);
background: linear-gradient(128.01deg, rgba(41, 193, 229, 0.4) 0%, rgba(182, 227, 240, 0.4) 100%);
box-shadow:inset -1px -1px 4px rgba(39, 65, 125, 0.43);
border-radius: 0px 0px 10px 0px;
transform: skewX(-20deg);
}
}
.noBg {
flex: 1;
}
}
.charts-box {
padding-top: 18px;
}
.item-value {
height: 52px;
background: #F7F8FA;
margin:0 10px 6px;
padding: 0 18px;
display: flex;
justify-content: space-between;
align-items: center;
.item-left {
height: 100%;
display: flex;
align-items: center;
column-gap: 6px;
color: rgba(102, 102, 102, 1);
font-size: 16px;
font-weight: 400;
line-height: 16px;
}
.item-right {
font-size: 24px;
font-weight: 500;
color: rgba(51, 51, 51, 1);
}
}
}
.customer-status {
margin-top: 16px;
background: rgba(255, 255, 255, 1);
box-shadow: -2rpx 0rpx 10rpx 2rpx rgba(0, 0, 0, 0.15);
padding-bottom: 20px;
.title {
display: flex;
.title-bg {
height: 30px;
//background: linear-gradient(128.01deg, rgba(41, 193, 229, 0.4) 0%, rgba(182, 227, 240, 0.4) 100%);
//box-shadow:inset -1px -1px 4px rgba(39, 65, 125, 0.43);
position: relative;
display: flex;
align-items: center;
color: rgba(39, 65, 125, 1);
font-size: 18px;
font-weight: 500;
padding-right: 50px;
overflow: hidden;
&::after {
content: "";
position: absolute;
top: -1px;
right: 20px;
width: 100%;
height: calc(100% + 2px);
background: linear-gradient(128.01deg, rgba(41, 193, 229, 0.4) 0%, rgba(182, 227, 240, 0.4) 100%);
box-shadow:inset -1px -1px 4px rgba(39, 65, 125, 0.43);
border-radius: 0px 0px 10px 0px;
transform: skewX(-20deg);
}
}
.noBg {
flex: 1;
}
}
.customer-status-top {
display: flex;
justify-content: space-between;
padding: 28rpx 20rpx 0;
.item-box {
position: relative;
width: 207rpx;
height: 248rpx;
padding-bottom: 20rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
.bg-icon {
width: 112rpx;
height: 112rpx;
position: absolute;
top: 64rpx;
right: 9rpx;
}
.item-top {
margin: 20rpx 21rpx 0rpx 21rpx;
.item-title {
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 16px;
color: rgba(102, 102, 102, 1);
margin-bottom: 8px;
}
.item-num {
display: block;
font-size: 24px;
font-weight: 500;
letter-spacing: 0px;
line-height: 16px;
color: rgba(51, 51, 51, 1);
}
}
.item-btn {
width: 138rpx;
display: flex;
align-items: center;
column-gap: 8rpx;
margin-left: 21rpx;
padding:0px 18rpx;
//height: 36rpx;
border-radius: 100px;
border: 0.7px solid rgba(102, 102, 102, 1);
font-size: 24rpx;
font-weight: 400;
letter-spacing: 0rpx;
//line-height: 34.76rpx;
color: rgba(102, 102, 102, 1);
}
}
}
.customer-status-bottom {
display: flex;
justify-content: space-between;
padding: 28rpx 20rpx 0;
.item-box {
position: relative;
width: 317rpx;
padding: 10px 0;
//height: 160rpx;
.bg-icon {
position: absolute;
width: 114rpx;
height: 114rpx;
right: 0px;
}
.item-top {
margin: 36rpx 0rpx 0rpx 20rpx;
.item-title {
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
line-height: 16px;
color: rgba(102, 102, 102, 1);
margin-bottom: 8px;
}
.item-num {
display: block;
font-size: 24px;
font-weight: 500;
letter-spacing: 0px;
line-height: 16px;
color: rgba(51, 51, 51, 1);
}
}
.item-btn {
float: right;
right: 21rpx;
width: 138rpx;
display: flex;
align-items: center;
column-gap: 8rpx;
padding:0 18rpx;
//height: 36rpx;
border-radius: 100px;
border: 0.7px solid rgba(102, 102, 102, 1);
font-size: 24rpx;
font-weight: 400;
letter-spacing: 0rpx;
//line-height: 34.76rpx;
color: rgba(102, 102, 102, 1);
}
}
}
}
.popupView {
padding: 40px 16px;
.query-view {
display: flex;
gap: 8px;
.searchInput {
height: 34px;
line-height: 34px;
padding: 0 10px;
flex: 1;
background: #F7F8FA;
}
.primaryButton {
flex: none;
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
height: 34px;
padding-left: 14px;
padding-right: 14px;
color: #fff !important;
background-color: #4dc0e5;
border-radius: 0px;
cursor: pointer;
text-align: center;
}
}
.user-box {
overflow: auto;
margin-top: 24px;
max-height: 200px;
min-height: 200px;
.user-item {
font-size: 16px;
font-weight: 400;
height: 40px;
line-height: 40px;
text-align: center;
}
.user-active {
color: #29BBE4;
}
}
.operateBox {
margin-top: 32px;
display: flex;
gap: 24rpx;
}
}
}