样式

src/pc/create/component/the-create/index.module.less

@@ -88,6 +88,8 @@
         right: 8px;
         top: 8px;
         display: none;
+        width: 18px;
+        height: 18px;
     }
 }
 

src/pc/create/component/the-create/index.tsx

@@ -146,7 +146,7 @@ export default defineComponent({
 					</div>
 					<div class={styles.content}>
 						<div class={styles.lineTitle}>声部</div>
-						<NSpace style={{ paddingBottom: "45px" }}>
+						<NSpace size={32} style={{ paddingBottom: "45px" }}>
 							{instruments.map((item) => (
 								<div
 									class={[styles.item, froms.subjectId === item.id && styles.itemActive]}
@@ -159,7 +159,7 @@ export default defineComponent({
 										<img class={styles.icon} src={item.icon} />
 									</div>
 									<div>{item.label}</div>
-									<NIcon size={18} class={styles.itemIcon} component={CheckmarkCircle} />
+									<img class={styles.itemIcon} src={getImage('icon_check.png')} />
 								</div>
 							))}
 						</NSpace>

src/pc/create/index.module.less

@@ -72,7 +72,7 @@
 .itemBottom{
     flex-shrink: 0;
     padding: 8px 12px;
-    background-color: rgba(225,241,254,1);
+    background: linear-gradient(to left, rgb(219, 241, 255) 0%, rgb(231, 249, 255) 100%);
     overflow: hidden;
     .bottombox{
         width: 100%;
@@ -83,6 +83,9 @@
         flex: 1;
         margin-right: 6px;
     }
+    .itemtitle{
+        font-weight: 600;
+    }
     .time{
         font-size: 12px;
         color: #777;

src/pc/home/index.module.less

@@ -207,11 +207,12 @@
 }
 
 .popupWrap:global(.n-popover) {
-    padding: 12px;
+    padding: 12px !important;
     background: #FFFFFF;
     box-shadow: 0px 2px 17px 0px rgba(0, 0, 0, 0.08);
     border-radius: 16px;
     border: 1px solid #F5F5F7;
+    padding-bottom: 20px !important;
 }
 
 .btnLineTitle {
@@ -253,4 +254,14 @@
             background-color: rgba(193, 219, 251, 1);
         }
     }
+}
+.titleName{
+    :global{
+        .n-input{
+            font-size: 18px;
+            font-weight: 600;
+            height: 40px;
+            line-height: 40px;
+        }
+    }
 }

src/pc/home/index.tsx

@@ -285,6 +285,7 @@ export default defineComponent({
 			visualObj: null as any,
 			midiBuffer: null as unknown as ABCJS.MidiBuffer,
 			abcOptions: {
+				selectionColor: '#0f81ff',
 				add_classes: true,
 				clickListener: clickListener,
 				responsive: "resize",
@@ -2010,7 +2011,7 @@ export default defineComponent({
 					</div>
 					<div class={styles.box}>
 						<div class={styles.titleBox}>
-							<div style={{ width: "50%", margin: "0 auto" }}>
+							<div class={styles.titleName} style={{ width: "50%", margin: "0 auto" }}>
 								<NInput
 									onKeyup={(e: Event) => e.stopPropagation()}
 									v-model:value={data.musicName}