init

2026-06-09 19:29:04 +08:00
commit d171a5b73b
23 changed files with 1676 additions and 0 deletions
@@ -0,0 +1,47 @@
+.project-select{
+	height: 100%;
+	width: 100%;
+	&-btns{
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		height: 80rpx;
+		padding: 0 30rpx;
+		border-bottom: 1px solid var(--u-border-color);
+		>button{
+			margin: 0;
+			padding: 0 40rpx !important;
+		}
+	}
+	&-filter{
+		height: 120rpx;
+		padding: 20rpx 30rpx 0;
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+	}
+	&-inner{
+		padding-bottom: 20rpx;
+		height: calc(100% - 210rpx);
+		overflow: hidden;
+		border-top: 1px solid var(--u-border-color);
+		&-wrap{
+			>.li{
+				padding: 20rpx 30rpx;
+				background-color: var(--u-bg-gray-light);
+			}
+			>.li:nth-of-type(2n){
+				background-color: var(--u-bg-white);
+			}
+			>.li.active{
+				background-color: var(--u-type-primary-dark);
+				color: var(--u-white-color);
+			}
+			>.li:hover{
+				background-color: var(--u-type-primary-dark);
+				color: var(--u-white-color);
+			}
+		}
+	}
+}
@@ -0,0 +1,148 @@
+.wrap {}
+
+// 登录
+.login {
+	width: 100vw;
+	height: 100vh;
+	background-color: $u-bg-white;
+
+	.sys-name {
+		font-size: 48rpx;
+		font-weight: 700;
+		color: #333333;
+		position: absolute;
+		top: 300rpx;
+		width: 100%;
+		text-align: center;
+	}
+
+	.login-form {
+		position: absolute;
+		bottom: 240rpx;
+		right: 60rpx;
+		left: 60rpx;
+	}
+}
+
+// 首页
+.home {
+	.u-border-bottom:after {
+		border: none;
+	}
+
+	.slot-wrap {
+		padding: 20rpx;
+		width: 220rpx;
+
+		.u-input__input {
+			color: #ffffff;
+		}
+	}
+
+	&-icons {
+		height: 160rpx;
+		width: 100%;
+		background-color: $u-type-primary;
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+		padding: 0 20rpx;
+	}
+
+	&-icon {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+
+		>text {
+			margin-top: 6rpx;
+			color: #ffffff;
+		}
+	}
+
+	&-icon+&-icon {
+		margin-left: 60rpx;
+	}
+
+	&-hj {
+		margin: 20rpx;
+		background: #fff;
+		border-radius: 16rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+		overflow: hidden;
+
+		.hj-title {
+			font-size: 28rpx;
+			font-weight: 600;
+			color: #333;
+			padding: 24rpx 32rpx;
+			border-bottom: 1px solid #f0f0f0;
+		}
+
+		.hj-content {
+			padding: 24rpx 32rpx;
+
+			.hj-row {
+				display: flex;
+				justify-content: space-between;
+
+				&:not(:last-child) {
+					margin-bottom: 24rpx;
+				}
+			}
+
+			.hj-cell {
+				flex: 1;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				padding: 16rpx 0;
+				border-radius: 8rpx;
+
+				&:not(:last-child) {
+					border-right: 1px solid #f0f0f0;
+					padding-right: 24rpx;
+				}
+			}
+
+			.hj-label {
+				font-size: 24rpx;
+				color: #666;
+				margin-bottom: 12rpx;
+			}
+
+			.hj-value {
+				font-size: 28rpx;
+				font-weight: 500;
+				color: #333;
+
+				&.hj-sub {
+					font-size: 22rpx;
+					color: #999;
+				}
+			}
+		}
+
+		.hj-footer {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 24rpx 32rpx;
+			background: linear-gradient(90deg, #f8f9fa 0%, #fff 100%);
+			border-top: 1px solid #f0f0f0;
+
+			.hj-footer-label {
+				font-size: 26rpx;
+				color: #666;
+			}
+
+			.hj-footer-value {
+				font-size: 36rpx;
+				font-weight: 700;
+				color: $u-type-primary;
+			}
+		}
+	}
+}