skyblued 2 years ago
parent
commit
2245f6c469

+ 13 - 10
public/share-colexiu-evaluating/index.css

@@ -1,6 +1,9 @@
+:root{
+  --primary-color: #ff8057;
+}
 html, body{
   margin: 0;
-  background: #2DC7AA;
+  background: var(--primary-color);
   min-height: 100vh;
   background-image: url('./icons/header.png');
   background-size: contain;
@@ -11,7 +14,7 @@ html, body{
 }
 
 :root{
-  --plyr-color-main: #01c1b5;
+  --plyr-color-main: var(--primary-color);
   --plyr-font-size-base: 30px;
   --plyr-control-icon-size: 36px;
   --plyr-range-thumb-height: 26px;
@@ -122,7 +125,7 @@ body{
 .video{
   max-width: 100%;
   width: 0.289rem;
-  margian: 0 auto;
+  margin: 0 auto;
   display: block;
 }
 
@@ -139,7 +142,7 @@ body{
   margin-top: 0.21rem;
   width: 3.00rem;
   height: 0.02rem;
-  border-top: 0.03rem dotted #2DC7AA;
+  border-top: 0.03rem dotted var(--primary-color);
   position: relative;
 }
 
@@ -151,7 +154,7 @@ body{
   width: 0.23rem;
   height: 0.23rem;
   border-radius: 100%;
-  background-color: #2DC7AA;
+  background-color: var(--primary-color);
   z-index: 2;
 }
 
@@ -168,7 +171,7 @@ body{
 .app{
   margin-top: 0.18rem;
   display: flex;
-  justify-content: ;pace-between;
+  justify-content: space-between;
 }
 
 .app-info {
@@ -191,14 +194,14 @@ body{
 }
 
 .app-desc > span{
-  color: #2DC7AA;
+  color: var(--primary-color);
   font-weight: bold;
 }
 
 .app-subtitle{
   font-size: 0.12rem;
   color: #fff;
-  background: #2DC7AA;
+  background: var(--primary-color);
   height: 0.20rem;
   line-height: 0.20rem;
   border-radius: 0.10rem;
@@ -244,7 +247,7 @@ body{
 
 .fraction .item{
   display: flex;
-  color: #01C1B5;
+  color: var(--primary-color);
   font-size: 0.10rem;
   font-weight: bold;
 }
@@ -265,7 +268,7 @@ body{
   height: 0.16rem;
   width: 0%;
   border-radius: 0.04rem;
-  background: linear-gradient(90deg, #49E9CB 0%, #2DC7AA 100%);
+  background: var(--primary-color);
   position: absolute;
   top: 0;
   left: 0;

+ 2 - 2
src/subpages/colexiu-share/index.tsx

@@ -12,7 +12,7 @@ import wxbg from './wx_bg.png'
 import qs from 'query-string'
 import { Button, Dialog, Popup, Skeleton, Toast, Image } from 'vant'
 import Empty from '/src/components/empty'
-import { browser } from '/src/helpers/utils'
+import { browser, getRequestHostname } from '/src/helpers/utils'
 import { postMessage } from '/src/helpers/native-message'
 import { startRun } from './wr'
 import RightIcon from './right.svg'
@@ -124,7 +124,7 @@ const useDetail = (id: number | string): [Ref<ShaeetStatusType>, Ref<MusicSheelD
     status.value = 'loading'
     try {
       const res = await request.post(`/open/musicShareProfit`, {
-        prefix: '/api-teacher',
+        prefix: getRequestHostname(),
         requestType: 'json',
         data: {
           bizId: search.id,

+ 4 - 11
src/subpages/colexiu/buttons/index.module.less

@@ -395,28 +395,21 @@
   }
 }
 .slider {
-  width: 28px;
+  width: 20px;
   color: #fff;
   font-size: 8px;
-  line-height: 16px;
+  line-height: 10px;
   text-align: center;
   background-color: var(--van-primary-color);
-  border-radius: 20px;
+  border-radius: 100px;
 }
 :global(.van-popup.van-popover.cameraPopover) {
-  width: 300px;
+  width: 140px;
   :global {
     .van-popover__arrow {
       right: 6px;
       border-width: 4px;
     }
-    .van-cell {
-      padding: 10px 16px;
-      line-height: 24px;
-    }
-    .van-switch {
-      font-size: 16px !important;
-    }
     .cameraOpacity {
       .van-cell__value {
         flex: 2;

+ 2 - 2
src/subpages/colexiu/popups/evaluating/content.tsx

@@ -256,10 +256,10 @@ export default defineComponent({
                   <img src={iconUpload} />
                   上传
                 </div>
-                <div class={styles.skepBtn} onClick={() => (shareShow.value = true)}>
+                {/* <div class={styles.skepBtn} onClick={() => (shareShow.value = true)}>
                   <img src={iconShare} />
                   分享
-                </div>
+                </div> */}
               </div>}
             </div>
             <Popup

+ 3 - 3
src/subpages/colexiu/popups/setting/evaluat.tsx

@@ -4,9 +4,9 @@ import styles from './index.module.less'
 import SettingState from '/src/pages/detail/setting-state'
 
 export const switchProps = {
-  'active-color': '#2dc7aa',
-  'inactive-color': '#CCCCCC',
-  size: '20px',
+  // 'active-color': '#2dc7aa',
+  // 'inactive-color': '#CCCCCC',
+  // size: '20px',
 }
 
 export type Difficulty = 'BEGINNER' | 'ADVANCED' | 'PERFORMER'

+ 13 - 6
src/subpages/colexiu/popups/setting/index.module.less

@@ -69,7 +69,7 @@
 .slider {
   width: 28px;
   color: #fff;
-  font-size: 8px;
+  font-size: 6px;
   line-height: 12px;
   text-align: center;
   background-color: var(--van-primary-color);
@@ -170,13 +170,20 @@
 }
 :global {
   .van-switch {
-    border-color: #cccccc;
+    background: url('./icons/off.svg') no-repeat center;
+    background-size: cover;
+    border-radius: 0;
+    background-color: transparent !important;
+    border: none !important;
+    width: 24px;
+    height: 12px;
+    :global(.van-switch__node) {
+      display: none;
+    }
   }
   .van-switch.van-switch--on {
-    border-color: #2dc7aa;
-  }
-  .van-switch--on {
-    background-color: #2dc7aa;
+    background-image: url('./icons/on.svg');
+    background-size: cover;
   }
 }
 

+ 0 - 1
src/subpages/colexiu/popups/sound-effect/index.module.less

@@ -67,7 +67,6 @@
     }
     .van-popover__content {
       border-radius: 4px;
-      box-shadow: 0px 0px 2px 0px rgba(108, 189, 183, 1);
     }
     .van-popover__action {
       width: 100%;