Pārlūkot izejas kodu

style: 上传改成保存演奏,指法样式优化

TIANYONG 1 gadu atpakaļ
vecāks
revīzija
7d6ea0dbc3

+ 1 - 1
src/subpages/colexiu/index.module.less

@@ -15,7 +15,7 @@
 }
 :global{
   .fingering{
-    background-color: #fff;
+    // background-color: #fff;
   }
 }
 :global(.openCamera) {

+ 14 - 9
src/subpages/colexiu/popups/evaluating/content.tsx

@@ -249,16 +249,21 @@ export default defineComponent({
               </div>
 
               {isUnitTest ? null : !detailState.isHideEvaluatReportSaveBtn ? (
-                <div class={styles.rigthBtns}>
-                  <div class={styles.skepBtn} onClick={() => emit('upload')}>
-                    <img src={iconUpload} />
-                    上传
+                // <div class={styles.rigthBtns}>
+                //   <div class={styles.skepBtn} onClick={() => emit('upload')}>
+                //     <img src={iconUpload} />
+                //     上传
+                //   </div>
+                //   {/* <div class={styles.skepBtn} onClick={() => (shareShow.value = true)}>
+                //   <img src={iconShare} />
+                //   分享
+                // </div> */}
+                // </div>
+                <div class={styles.headerButton}>
+                  <div class={[styles.headBtn]} onClick={() => emit('upload')}>
+                    保存演奏
                   </div>
-                  {/* <div class={styles.skepBtn} onClick={() => (shareShow.value = true)}>
-                  <img src={iconShare} />
-                  分享
-                </div> */}
-                </div>
+                </div>                
               ) : null}
             </div>
             <Popup

+ 30 - 0
src/subpages/colexiu/popups/evaluating/index.module.less

@@ -246,3 +246,33 @@
   padding: 0;
   margin-right: 2px;
 }
+
+.headerButton {
+  position: absolute;
+  right: -60px;
+  top: -26px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 6px;
+  z-index: 1;
+
+  .headBtn {
+      background-color: #fff;
+      border-radius: 12px;
+      height: 12px;
+      line-height: 12px;
+      font-size: 6px;
+      color: var(--van-primary-color);
+      padding: 0 6px;
+      text-align: center;
+
+      &+.headBtn {
+          margin-left: 8px;
+      }
+
+      &:active {
+          opacity: .8;
+      }
+  }
+}