skyblued 2 tahun lalu
induk
melakukan
446d7bdb6c

+ 2 - 0
src/views/coursewarePlay/index.module.less

@@ -2,6 +2,7 @@
   width: 100vw;
   height: 100vh;
   background-color: #000;
+  overflow: hidden;
 }
 .coursewarePlay {
   position: relative;
@@ -28,6 +29,7 @@
   align-items: center;
   justify-content: space-between;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
+  transition: transform 0.5s;
 }
 .backBtn {
   color: #fff;

+ 15 - 18
src/views/coursewarePlay/index.tsx

@@ -158,7 +158,8 @@ export default defineComponent({
           }
         )
         if (res?.data) {
-          data.isCourse = res.data.status === 'ING' ? true : false
+          data.isCourse =
+            res.data.status === 'ING' && state.platformType == 'TEACHER' ? true : false
         }
       } catch (e) {
         console.log(e)
@@ -596,11 +597,6 @@ export default defineComponent({
                               <div>{m.name}</div>
                             </div>
                           </div>
-                          {/* <Transition name="bottom">
-                            {activeData.model && (
-                              
-                            )}
-                          </Transition> */}
                         </>
                       ) : m.type === 'IMG' ? (
                         <img src={m.content} />
@@ -620,18 +616,19 @@ export default defineComponent({
             })}
           </Swipe>
 
-          <Transition name="top">
-            {activeData.model && (
-              <div id="coursePlayHeader" class={styles.headerContainer} ref={headeRef}>
-                <div class={styles.backBtn} onClick={() => goback()}>
-                  <Icon name={iconBack} />
-                  返回
-                </div>
-                <div class={styles.menu}>{popupData.tabName}</div>
-                {data.isCourse && <PlayRecordTime list={data.itemList} />}
-              </div>
-            )}
-          </Transition>
+          <div
+            style={{ transform: activeData.model ? '' : 'translateY(-100%)' }}
+            id="coursePlayHeader"
+            class={styles.headerContainer}
+            ref={headeRef}
+          >
+            <div class={styles.backBtn} onClick={() => goback()}>
+              <Icon name={iconBack} />
+              返回
+            </div>
+            <div class={styles.menu}>{popupData.tabName}</div>
+            {data.isCourse && <PlayRecordTime list={data.itemList} />}
+          </div>
 
           <Transition name="right">
             {activeData.model && (

+ 6 - 5
src/views/mine-orchestra/index.tsx

@@ -11,13 +11,14 @@ import OEmpty from '@/components/o-empty'
 import OFullRefresh from '@/components/o-full-refresh'
 import OrchestraDeeds from './orchestra-deeds'
 import MyPhoto from './my-photo'
-import { useRouter } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 export default defineComponent({
   name: 'my-orchestra',
   setup(props, ctx) {
+    const route = useRoute()
     const router = useRouter()
-    const tabActive = ref('我的班级')
+    const tabActive = ref<'course' | 'photo' | 'deeds'>((route.query as any)?.tab || 'course')
     const data = reactive({
       orchestraList: [] as any[],
       loading: true
@@ -137,7 +138,7 @@ export default defineComponent({
               animated
               swipeable
             >
-              <Tab name="我的班级" title="我的班级">
+              <Tab name="course" title="我的班级">
                 <div class={styles.content}>
                   <MyClass
                     list={modelData.orchestra?.classGroupIdList || []}
@@ -145,12 +146,12 @@ export default defineComponent({
                   />
                 </div>
               </Tab>
-              <Tab name="乐团相册" title="乐团相册">
+              <Tab name="photo" title="乐团相册">
                 <div class={styles.content}>
                   <MyPhoto orchestraId={modelData.orchestra?.id || ''} />
                 </div>
               </Tab>
-              <Tab name="乐团事迹" title="乐团事迹">
+              <Tab name="deeds" title="乐团事迹">
                 <div class={styles.content}>
                   <OrchestraDeeds orchestraId={modelData.orchestra?.id || ''} />
                 </div>