实现ai对话（电脑同步）

pages/WorkSpace/WorkSpace.css

@@ -1,3 +1,87 @@
+/* 新建文件夹弹窗样式 */
+.create-folder-name {
+	display: flex;
+	width: 100%;
+	padding: 10rpx 20rpx;
+	box-sizing: border-box;
+	align-items: center;
+	background-color: rgba(194, 191, 211, 0.1);
+	border-radius: 10rpx;
+}
+
+
+.create-folder-name input {
+	box-sizing: border-box;
+	width: 100%;
+}
+
+
+.create-folder-name.has-value {
+	background-color: #ffffff;
+	border: 2rpx solid #aaaaff;
+	box-shadow: 0 0 15rpx #aaaaff;
+}
+
+/* 新建文件夹弹窗内部样式 */
+.new-folder-name {
+	font-size: 28rpx;
+	color: #666;
+	margin-bottom: 12rpx;
+}
+
+.nf-path-label {
+	font-size: 26rpx;
+	color: #999;
+	margin-top: 24rpx;
+	margin-bottom: 8rpx;
+}
+
+.nf-path-display {
+	font-size: 28rpx;
+	color: #333;
+	padding: 12rpx 20rpx;
+	background: #f5f5f5;
+	border-radius: 10rpx;
+	word-break: break-all;
+}
+
+.nf-path-preview {
+	font-size: 28rpx;
+	color: #0073ff;
+	padding: 12rpx 20rpx;
+	background: rgba(0, 115, 255, 0.05);
+	border: 2rpx dashed rgba(0, 115, 255, 0.3);
+	border-radius: 10rpx;
+	word-break: break-all;
+}
+
+.option-wrapper {
+	display: flex;
+	justify-content: space-between;
+	gap: 20rpx;
+	margin-top: 40rpx;
+}
+
+.opt-btn {
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 24rpx 0;
+	border-radius: 12rpx;
+	font-size: 30rpx;
+}
+
+.opt-cancel {
+	background: #f5f5f5;
+	color: #666;
+}
+
+.opt-confirm {
+	background: linear-gradient(135deg, #0073ff, #3ab0ff);
+	color: #fff;
+}
+
 .workspace-container {
 	display: flex;
 	flex-direction: column;
@@ -145,6 +229,7 @@
 	transform: translateX(-50%);
 	font-size: 32rpx;
 }
+
 .folder-null .iconfont {
 	font-size: 180rpx;
 }
@@ -152,7 +237,7 @@
 .folder-grid {
 	width: 100%;
 	display: grid;
-	grid-template-columns: repeat(3,1fr);
+	grid-template-columns: repeat(3, 1fr);
 	padding: 20rpx;
 	box-sizing: border-box;
 	gap: 20rpx;
@@ -165,6 +250,7 @@
 	justify-content: center;
 	align-items: center;
 	position: relative;
+	min-width: 0;
 }
 
 .folder-item.select-folder {
@@ -172,6 +258,19 @@
 	background: rgba(9, 9, 9, 0.1);
 }
 
+
+.folder-item .folder-name {
+	max-width: 150rpx;
+	text-align: center;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: inline-block;
+	text-align: center;
+	line-height: 40rpx;
+	min-width: 0;
+}
+
 .folder-item-style {
 	font-size: 160rpx !important;
 	font-weight: 10rpx !important;
@@ -216,4 +315,4 @@
 
 .workspace-footer .iconfont {
 	font-size: 40rpx !important;
-}
+}