info

2025-03-12 20:11:03 +08:00
commit e65b262527
1179 changed files with 148205 additions and 0 deletions
@@ -0,0 +1,194 @@
+@import '@/uni.scss';
+@import '@/uni_modules/uni-cms/common/style/editor-icon.css';
+
+$editorWidth: 950px;
+
+::v-deep {
+  [contenteditable] {
+    outline: none;
+  }
+  .ql-clipboard {
+    position: fixed;
+    top: -1000px;
+    left: -1000px;
+  }
+}
+
+.uni-container {
+	background: #f8f8f8;
+	padding-bottom: 66px;
+	margin-top: 54px;
+	.header {
+		width: $editorWidth;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		margin: 0 auto;
+		z-index: 999;
+		height: 60px;
+		display: flex;
+		align-items: center;
+		.back {
+			cursor:pointer;
+			color: #333;
+		}
+	}
+	.footer {
+		background: #fff;
+		height: 56px;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		border-top: #ebebeb solid 1px;
+		z-index: 101;
+		.wrap {
+			width: $editorWidth;
+			margin: 0 auto;
+			display: flex;
+			align-items: center;
+			height: 100%;
+			.left {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				gap: 10px;
+				.word-count, .auto-save {
+					font-size: 12px;
+					color: #666;
+				}
+			}
+			.right {
+				display: flex;
+				align-items: center;
+				.uni-button-group {
+					margin: 0;
+				}
+			}
+		}
+	}
+	.edit-box {
+		width: $editorWidth;
+		padding: 32px 64px;
+		box-sizing: border-box;
+		margin: 0 auto;
+		background: #fff;
+		border-radius: $uni-border-radius-sm;
+	}
+
+	.title, .editor {
+		border-bottom: #f2f2f2 solid 1px;
+		padding-bottom: 24px;
+	}
+	.editor {
+		padding-top: 24px;
+	}
+	.title {
+		.uni-input {
+			font-size: 23px;
+			font-weight: bold;
+			width: 100%;
+			min-height: 0;
+		}
+	}
+
+	.settings {
+		margin-top: 24px;
+		.excerpt {
+			border-radius: $uni-border-radius-sm;
+			border: #e5e5e5 solid 1px;
+			width: 100%;
+			padding: 10px;
+			font-size: 14px;
+		}
+	}
+	.thumbnail-list {
+		display: flex;
+		gap: 10px;
+		margin-top: 20px;
+	}
+	.thumbnail {
+		width: 150px;
+		height: 150px;
+		border: #e5e5e5 solid 1px;
+		border-radius: $uni-border-radius-sm;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		cursor: pointer;
+		overflow: hidden;
+		.placeholder {
+			position: absolute;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.remove-thumbnail {
+			position: absolute;
+			top: 10px;
+			right: 10px;
+			background: rgba(0,0,0,.5);
+			padding: 3px;
+			border-radius: 50%;
+			width: 20px;
+			height: 20px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			z-index: 2;
+		}
+	}
+	.thumb-mode {
+		.mode {
+			margin-right: 10px;
+			&:last-child {
+				margin-right: 0;
+			}
+			::v-deep {
+				.uni-radio-input {
+					transform: scale(.7);
+				}
+			}
+		}
+	}
+}
+
+@media (max-width: 768px) {
+	.uni-container{
+		margin-top: 0;
+		padding: 0;
+		.header {
+			display: none;
+		}
+		.title, .editor {
+			border-bottom: #f2f2f2 solid 1px;
+			padding-bottom: 12px;
+		}
+		.edit-box {
+			width: 100%;
+			padding: 10px;
+		}
+		.settings {
+			.excerpt {
+				width: auto;
+			}
+		}
+		.footer {
+			display: none;
+		}
+	}
+}
+
+@media (min-width: 768px) {
+	.uni-container{
+		.uni-button-group.m {
+			display: none;
+		}
+	}
+}