lex-wxl 3 năm trước cách đây
mục cha
commit
5146b12d80

+ 41 - 41
index.html

@@ -1,45 +1,45 @@
 <!DOCTYPE html>
 <html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
+    />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <!-- 设置苹果工具栏颜色 -->
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
+    <meta name="format-detection" content="telphone=no, email=no" />
+    <!-- 启用360浏览器的极速模式(webkit) -->
+    <meta name="renderer" content="webkit" />
+    <!-- 避免IE使用兼容模式 -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="HandheldFriendly" content="true" />
+    <!-- uc强制竖屏 -->
+    <meta name="screen-orientation" content="portrait" />
+    <!-- QQ强制竖屏 -->
+    <meta name="x5-orientation" content="portrait" />
+    <!-- UC强制全屏 -->
+    <meta name="full-screen" content="yes" />
+    <!-- QQ强制全屏 -->
+    <meta name="x5-fullscreen" content="true" />
+    <!-- UC应用模式 -->
+    <meta name="browsermode" content="application" />
+    <!-- QQ应用模式 -->
+    <meta name="x5-page-mode" content="app" />
+    <!-- 设置在apple上以应用模式启动时,是否全屏 -->
+    <meta name="apple-touch-fullscreen" content="yes" />
+    <!-- windows phone 点击无高光 -->
+    <meta name="msapplication-tap-highlight" content="no" />
+    <title>酷乐秀</title>
+    <script src="/flexible.js" charset="UTF-8"></script>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <!-- 设置苹果工具栏颜色 -->
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
-  <meta name="format-detection" content="telphone=no, email=no" />
-  <!-- 启用360浏览器的极速模式(webkit) -->
-  <meta name="renderer" content="webkit">
-  <!-- 避免IE使用兼容模式 -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="HandheldFriendly" content="true">
-  <!-- uc强制竖屏 -->
-  <meta name="screen-orientation" content="portrait">
-  <!-- QQ强制竖屏 -->
-  <meta name="x5-orientation" content="portrait">
-  <!-- UC强制全屏 -->
-  <meta name="full-screen" content="yes">
-  <!-- QQ强制全屏 -->
-  <meta name="x5-fullscreen" content="true">
-  <!-- UC应用模式 -->
-  <meta name="browsermode" content="application">
-  <!-- QQ应用模式 -->
-  <meta name="x5-page-mode" content="app">
-  <!-- 设置在apple上以应用模式启动时,是否全屏 -->
-  <meta name="apple-touch-fullscreen" content="yes">
-  <!-- windows phone 点击无高光 -->
-  <meta name="msapplication-tap-highlight" content="no">
-  <title>酷乐秀</title>
-  <script src="/flexible.js" charset="UTF-8"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/student/main.ts"></script>
-  <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
-</body>
-
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/student/main.ts"></script>
+    <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
+  </body>
 </html>

+ 8 - 0
src/router/routes-teacher.ts

@@ -117,6 +117,14 @@ export default [
         meta: {
           title: '我的粉丝'
         }
+      },
+      {
+        path: '/pianoRoom',
+        name: 'pianoRoom',
+        component: () => import('@/teacher/piano-room/index'),
+        meta: {
+          title: '云酷琴房'
+        }
       }
     ]
   },

BIN
src/teacher/piano-room/images/icon_arrow.png


BIN
src/teacher/piano-room/images/icon_class_plan.png


BIN
src/teacher/piano-room/images/icon_freeze_timer.png


BIN
src/teacher/piano-room/images/icon_invite_student.png


BIN
src/teacher/piano-room/images/icon_last_timer.png


BIN
src/teacher/piano-room/images/icon_message.png


BIN
src/teacher/piano-room/images/icon_num.png


BIN
src/teacher/piano-room/images/room_bg.png


+ 3 - 0
src/teacher/piano-room/index.module.less

@@ -0,0 +1,3 @@
+.roomHeader {
+  
+}

+ 16 - 0
src/teacher/piano-room/index.tsx

@@ -0,0 +1,16 @@
+import ColHeader from '@/components/col-header'
+import { defineComponent } from 'vue'
+import styles from './index.module.less'
+
+export default defineComponent({
+  name: 'PianoRoom',
+  render() {
+    return (
+      <>
+        <div class={styles.roomHeader}>
+          <ColHeader background="transparent" rightText="课程记录" />
+        </div>
+      </>
+    )
+  }
+})

+ 40 - 40
teacher.html

@@ -1,44 +1,44 @@
 <!DOCTYPE html>
 <html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
+    />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <!-- 设置苹果工具栏颜色 -->
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
+    <meta name="format-detection" content="telphone=no, email=no" />
+    <!-- 启用360浏览器的极速模式(webkit) -->
+    <meta name="renderer" content="webkit" />
+    <!-- 避免IE使用兼容模式 -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="HandheldFriendly" content="true" />
+    <!-- uc强制竖屏 -->
+    <meta name="screen-orientation" content="portrait" />
+    <!-- QQ强制竖屏 -->
+    <meta name="x5-orientation" content="portrait" />
+    <!-- UC强制全屏 -->
+    <meta name="full-screen" content="yes" />
+    <!-- QQ强制全屏 -->
+    <meta name="x5-fullscreen" content="true" />
+    <!-- UC应用模式 -->
+    <meta name="browsermode" content="application" />
+    <!-- QQ应用模式 -->
+    <meta name="x5-page-mode" content="app" />
+    <!-- 设置在apple上以应用模式启动时,是否全屏 -->
+    <meta name="apple-touch-fullscreen" content="yes" />
+    <!-- windows phone 点击无高光 -->
+    <meta name="msapplication-tap-highlight" content="no" />
+    <title>酷乐秀</title>
+    <script src="/flexible.js" charset="UTF-8"></script>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <!-- 设置苹果工具栏颜色 -->
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
-  <meta name="format-detection" content="telphone=no, email=no" />
-  <!-- 启用360浏览器的极速模式(webkit) -->
-  <meta name="renderer" content="webkit">
-  <!-- 避免IE使用兼容模式 -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="HandheldFriendly" content="true">
-  <!-- uc强制竖屏 -->
-  <meta name="screen-orientation" content="portrait">
-  <!-- QQ强制竖屏 -->
-  <meta name="x5-orientation" content="portrait">
-  <!-- UC强制全屏 -->
-  <meta name="full-screen" content="yes">
-  <!-- QQ强制全屏 -->
-  <meta name="x5-fullscreen" content="true">
-  <!-- UC应用模式 -->
-  <meta name="browsermode" content="application">
-  <!-- QQ应用模式 -->
-  <meta name="x5-page-mode" content="app">
-  <!-- 设置在apple上以应用模式启动时,是否全屏 -->
-  <meta name="apple-touch-fullscreen" content="yes">
-  <!-- windows phone 点击无高光 -->
-  <meta name="msapplication-tap-highlight" content="no">
-  <title>酷乐秀</title>
-  <script src="/flexible.js" charset="UTF-8"></script>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/teacher/main.ts"></script>
-</body>
-
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/teacher/main.ts"></script>
+  </body>
 </html>