first commit

pages/WorkSpace/WorkSpace.css

@@ -0,0 +1,219 @@
+.workspace-container {
+	display: flex;
+	flex-direction: column;
+	background: rgba(140, 140, 140, 0.1);
+}
+
+.workspace-text {
+	color: #0073ff;
+	font-weight: bold;
+}
+
+.workspace-header {
+	width: 100%;
+	display: flex;
+	flex-shrink: 0;
+	flex-direction: column;
+	align-items: center;
+	padding: 16rpx 0;
+	box-sizing: border-box;
+	border-bottom: 1rpx solid #ddd;
+}
+
+.custom-navbar {
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 20rpx 10rpx;
+	box-sizing: border-box;
+	position: relative;
+}
+
+.navbar-left {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.navbar-before-title {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+}
+
+.navbar-title {
+	display: flex;
+	flex: 1;
+	justify-content: center;
+	align-items: center;
+	position: absolute;
+	left: 50%;
+	transform: translateX(-50%);
+}
+
+.navbar-right {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-right: 20rpx;
+	box-sizing: border-box;
+}
+
+.navbar-right .menu-open {
+	color: #3ab0ff !important;
+	font-size: 40rpx !important;
+}
+
+.custom-navbar-icon {
+	color: #0073ff !important;
+	font-size: 40rpx !important;
+}
+
+.search-file-warpper {
+	display: flex;
+	width: 90%;
+	align-items: center;
+}
+
+.search-file {
+	display: flex;
+	flex: 1;
+	align-items: center;
+	background: rgba(255, 255, 255, 1);
+	padding: 16rpx;
+	box-sizing: border-box;
+	border-radius: 30rpx;
+}
+
+.icon-sousuo {
+	font-weight: bold;
+}
+
+.search-file-input {
+	margin-left: 20rpx;
+}
+
+.cancel-search {
+	display: flex;
+	flex-shrink: 0;
+	padding: 0 0 0 20rpx;
+	box-sizing: border-box;
+	color: #0073ff;
+}
+
+.workspace-content {
+	width: 100%;
+	display: block;
+	flex: 1;
+	overflow: auto;
+	box-sizing: border-box;
+	position: relative;
+}
+
+/* 菜单卡片 */
+.menu-card {
+	position: absolute;
+	top: 100%;
+	right: 20rpx;
+	width: 300rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	background: #fff;
+	border-radius: 30rpx;
+	z-index: 1;
+}
+
+.menu-card-item {
+	width: 100%;
+	padding: 20rpx;
+	box-sizing: border-box;
+}
+
+.folder-null {
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	position: absolute;
+	left: 50%;
+	top: 30%;
+	transform: translateX(-50%);
+	font-size: 32rpx;
+}
+.folder-null .iconfont {
+	font-size: 180rpx;
+}
+
+.folder-grid {
+	width: 100%;
+	display: grid;
+	grid-template-columns: repeat(3,1fr);
+	padding: 20rpx;
+	box-sizing: border-box;
+	gap: 20rpx;
+	align-items: start;
+}
+
+.folder-item {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+}
+
+.folder-item.select-folder {
+	border-radius: 30rpx;
+	background: rgba(9, 9, 9, 0.1);
+}
+
+.folder-item-style {
+	font-size: 160rpx !important;
+	font-weight: 10rpx !important;
+	color: #3ab0ff !important;
+}
+
+.folder-checkbox {
+	width: 50rpx;
+	height: 50rpx;
+	border: 6rpx solid #fff;
+	border-radius: 50%;
+	box-shadow: 0 2rpx 3rpx #333;
+	background: rgba(255, 255, 255, 0.2);
+	box-sizing: border-box;
+	position: absolute;
+	left: 50%;
+	top: 30%;
+	transform: translate(-50%);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.folder-checkbox.select-folder {
+	background-color: #0073ff;
+}
+
+.workspace-footer {
+	width: 100%;
+	display: flex;
+	flex-shrink: 0;
+	justify-content: space-between;
+	padding: 30rpx;
+	box-sizing: border-box;
+	color: #999999;
+	background: #eeeeee;
+}
+
+.workspace-footer.folder-actions {
+	color: #0073ff;
+}
+
+.workspace-footer .iconfont {
+	font-size: 40rpx !important;
+}