客服模块的新增

src/components/cropper/index.vue

@@ -97,6 +97,7 @@ export default defineComponent({
 <style scoped lang="scss">
 .cropper-warp {
 	display: flex;
+
 	.cropper-warp-left {
 		position: relative;
 		display: inline-block;
@@ -108,34 +109,42 @@ export default defineComponent({
 		background-repeat: no-repeat;
 		cursor: move;
 		border-radius: var(--el-border-radius-base);
+
 		.cropper-warp-left-img {
 			width: 100%;
 			height: 100%;
 		}
 	}
+
 	.cropper-warp-right {
 		width: 150px;
 		height: 350px;
+
 		.cropper-warp-right-title {
 			text-align: center;
 			height: 20px;
 			line-height: 20px;
 		}
+
 		.cropper-warp-right-item {
 			margin: 15px 0;
+
 			.cropper-warp-right-value {
 				display: flex;
+
 				.cropper-warp-right-value-img {
 					width: 100px;
 					height: 100px;
 					border-radius: var(--el-border-radius-circle);
 					margin: auto;
 				}
+
 				.cropper-size {
 					width: 50px;
 					height: 50px;
 				}
 			}
+
 			.cropper-warp-right-label {
 				text-align: center;
 				font-size: 12px;