修改样式

src/teacher/music-cert/index.module.less

@@ -1,16 +1,10 @@
 .music-cert {
-  background: #16146a;
+  background: url('./images/header.png') no-repeat center top #16146a;
+  background-size: 100%;
   min-height: 100vh;
   position: relative;
   overflow: hidden;
 
-  .certWrapper {
-    // background: #4ebc55;
-    background: url('./images/header.png') no-repeat center top;
-    background-size: 100%;
-    overflow: hidden;
-  }
-
   .cert-section {
     margin: 337px 14px 8px;
     background: #2c288a;

src/teacher/music-cert/index.tsx

@@ -5,6 +5,7 @@ import styles from './index.module.less'
 import request from '@/helpers/request'
 import { state } from '@/state'
 import ColResult from '@/components/col-result'
+import ColHeader from '@/components/col-header'
 // import ColHeader from "@/components/col-header";
 
 /**
@@ -28,7 +29,7 @@ export default defineComponent({
   mounted() {
     postMessage({ api: 'setBarStatus', content: { status: 0 } })
     // 音乐人审核状态 0、未申请 UNPAALY、已申请 DOING、审核中 PASS、通过 UNPASS、不通过
-    let musicianAuthStatus = state.user.data?.musicianAuthStatus
+    const musicianAuthStatus = state.user.data?.musicianAuthStatus
     if (musicianAuthStatus) {
       state.musicCertStatus =
         musicianAuthStatus === 'DOING' || musicianAuthStatus === 'PASS'
@@ -69,6 +70,12 @@ export default defineComponent({
           />
         ) : (
           <div class={styles['music-cert']}>
+            <ColHeader
+              background="transparent"
+              backIconColor="white"
+              color="#fff"
+              border={false}
+            />
             <div class={styles.certWrapper}>
               <div class={[styles['cert-section'], 'mb12']}>
                 <div class={styles.title}>来成为酷乐秀音乐人吧！</div>

src/teacher/open-live/index.module.less

@@ -4,28 +4,18 @@
   background-size: 100%;
 
   .header-content {
-    display: flex;
-    height: var(--van-nav-bar-height);
-    align-items: center;
-    justify-content: flex-end;
-    padding: 0 17px;
-
+    padding: 0 68px 20px;
     :global {
       .van-button--disabled {
-        font-weight: 500;
-        color: #999999;
-        line-height: 20px;
-        opacity: 0.6;
+        opacity: 1;
       }
     }
   }
 }
 
 .openBtn {
-  background-color: #fff;
-  color: #ff4347;
-  padding: 0 15px;
-  font-size: 14px;
+  background: url('./images/btn.png') no-repeat center;
+  background-size: cover;
 }
 
 .open-teacher-info {

src/teacher/open-live/index.tsx

@@ -86,26 +86,7 @@ export default defineComponent({
           />
         ) : (
           <div class={styles['open-live']}>
-            <ColHeader
-              v-slots={{
-                content: (navBarHeight: any) => (
-                  <Sticky offsetTop={navBarHeight}>
-                    <div class={styles['header-content']}>
-                      <Button
-                        round
-                        plain
-                        size="small"
-                        disabled={!this.btnStatus}
-                        class={styles.openBtn}
-                        onClick={this.onOpenLive}
-                      >
-                        开通直播
-                      </Button>
-                    </div>
-                  </Sticky>
-                )
-              }}
-            ></ColHeader>
+            <ColHeader background="transparent" border={false} title=" " />
 
             <Cell
               class={styles['open-teacher-info']}
@@ -177,7 +158,7 @@ export default defineComponent({
             ) : null}
 
             <div class={styles['open-content']}>
-              <h2>开通直播能为您带来什么？</h2>
+              {/* <h2>开通直播能为您带来什么？</h2>
               <p class={styles['cert-text']}>
                 酷乐秀对平台入驻的优秀老师开放直播及直播课程的功能，帮助老师拓展获客渠道及教学场景。
               </p>
@@ -188,7 +169,7 @@ export default defineComponent({
                   height="150px"
                   fit="contain"
                 />
-              </p>
+              </p> */}
               <h2>直播</h2>
               <p class={styles['cert-text']}>
                 开通直播功能后，您可以创建自己的直播间开启直播。
@@ -214,6 +195,19 @@ export default defineComponent({
                 />
               </p>
             </div>
+
+            <Sticky offsetBottom={0} position="bottom">
+              <div class={[styles['header-content'], 'btnGroup']}>
+                <Button
+                  round
+                  plain
+                  block
+                  disabled={!this.btnStatus}
+                  class={styles.openBtn}
+                  onClick={this.onOpenLive}
+                ></Button>
+              </div>
+            </Sticky>
           </div>
         )}
       </>