编辑页面开发

zyplayer-doc-ui/wiki-ui/src/views/view/show/Comment.vue

@@ -146,6 +146,18 @@ const getUserHeadBgColor = (userId) => {
 	overflow: auto;
 
 	.comment-card {
+		.head {
+			float: left;
+			background-color: #ccc;
+			border-radius: 50%;
+			margin-right: 10px;
+			width: 45px;
+			height: 45px;
+			line-height: 45px;
+			text-align: center;
+			color: #fff;
+		}
+
 		.comment-user-name {
 			margin-bottom: 10px;
 

zyplayer-doc-ui/wiki-ui/src/views/view/show/Files.vue

@@ -165,8 +165,14 @@ const computeFileSize = (fileSize) => {
 
 	.head {
 		float: left;
+		background-color: #ccc;
+		border-radius: 50%;
 		margin-right: 10px;
-		line-height: 40px;
+		width: 45px;
+		height: 45px;
+		line-height: 45px;
+		text-align: center;
+		color: #fff;
 	}
 
 	.files-user-name .time {

zyplayer-doc-ui/wiki-ui/src/views/view/show/MobileQrScanDialog.vue

@@ -80,3 +80,15 @@ const initMobileQrScan = () => {
 	}, 0);
 }
 </script>
+
+<style scoped lang="scss">
+.mobile-qr {
+	width: 250px;
+	height: 250px;
+	border: 1px solid #ccc;
+	display: inline-block;
+	border-radius: 4px;
+	margin-bottom: 10px;
+	padding: 5px;
+}
+</style>

zyplayer-doc-ui/wiki-ui/src/views/view/show/PageHistory.vue

@@ -68,3 +68,34 @@ const historyClick = (history) => {
 	}
 }
 </script>
+
+<style lang="scss" scoped>
+.action-tab-box {
+	height: calc(100vh - 120px);
+	overflow: auto;
+	padding: 20px 10px;
+
+	.action-box-empty {
+		text-align: center;
+		padding-top: 30px;
+		color: #888;
+		font-size: 14px;
+	}
+
+	.history-item {
+		height: 55px;
+		line-height: 25px;
+		cursor: pointer;
+		vertical-align: middle;
+	}
+
+	.history-loading-status {
+		margin-left: 5px;
+		color: #67c23a;
+	}
+
+	.history-loading-status.el-icon-circle-close {
+		color: #f56c6c;
+	}
+}
+</style>