分享

src/components/col-share/code-down-load.tsx

@@ -31,7 +31,7 @@ export default defineComponent({
   render() {
     return (
       <>
-        <div class={[styles.download]}>
+        <div class={[styles.download, 'downloadCustom']}>
           <div class={styles.qrcode}>
             <canvas ref="canvas" class={styles.qrcodeCanvas}></canvas>
             <img src={iconLogo} class={styles.qrcodeLogo} />

src/components/col-share/share-item.tsx

@@ -92,7 +92,7 @@ export default defineComponent({
         <Cell
           center
           border={false}
-          class={styles.shareTeacher}
+          class={[styles.shareTeacher, 'shareTeacherCustom']}
           v-slots={{
             icon: () => (
               <div class={styles.teacherImg}>

src/views/music/album-detail/index.module.less

@@ -242,7 +242,7 @@
 
 .shareVip {
   position: relative;
-  margin-top: 35px;
+  margin-top: 10px;
   display: flex;
   flex: 1;
   align-items: center;
@@ -323,4 +323,26 @@
   margin-top: 12px;
   box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
   padding: 0 10px;
+}
+.albumShare{
+  :global{
+    .btnGroup{
+      .van-button{
+        border: none;
+      }
+    }
+    .shareTeacherCustom{
+      background: linear-gradient(270deg, #BAFFE7 0%, #C0DCFF 100%);
+      & > div:first-child{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+    .downloadCustom{
+       & > div:last-child{
+        border-left-style: dashed;
+       }
+    }
+  }
 }

src/views/music/album-detail/index.tsx

@@ -459,6 +459,7 @@ export default defineComponent({
           <Popup
             v-model:show={shareStatus.value}
             style={{ background: 'transparent' }}
+            class={styles.albumShare}
           >
             <ColShare
               teacherId={state.user.data.userId}