|
@@ -44,7 +44,7 @@ export default defineComponent({
|
|
|
contentD: '<p style="text-align: left;"><strong style="font-size:15px; color: #0B8BFE;">五、事项说明</strong></p><p style="text-align: left;">1.学校不涉及任何费用收取。学生所需的自用工具在市面上均可购买到,家长可自行根据实际情况为学生准备。</p><p style="text-align: left;">2.如学生有参加数字化转型的意愿,但存在特殊或特困情况,可先向学校进行登记,学校将尽力寻求资源协助家长解决。</p><p style="text-align: left;">在您了解上述内容后,请点击下一步进行意见填写:</p>',
|
|
|
introductionVideo: "https://oss.dayaedu.com/ktyq/02/1739345029052.mp4",
|
|
|
introductionVideoTime: 117,
|
|
|
- coverImg: "https://oss.dayaedu.com/ktyq/1739361914232.png",
|
|
|
+ coverImg: "https://oss.dayaedu.com/ktyq/02/1739362815061.png",
|
|
|
introductionVideo2: "https://oss.dayaedu.com/ktyq/02/1739345326291.mp4",
|
|
|
introductionVideoTime2: 111,
|
|
|
coverImg2: "https://oss.dayaedu.com/ktyq/02/1739324215341.png",
|
|
@@ -93,18 +93,18 @@ export default defineComponent({
|
|
|
},
|
|
|
'*'
|
|
|
)
|
|
|
- const videoRef: any = document.querySelector('#register-video')
|
|
|
- const videoRef2: any = document.querySelector('#register-video2')
|
|
|
- if(videoRef) {
|
|
|
- const rect = videoRef?.getBoundingClientRect()
|
|
|
- console.log(rect)
|
|
|
- videoRef.style.height = rect.width / 16 * 9 + 'px'
|
|
|
- }
|
|
|
- if(videoRef2) {
|
|
|
- const rect = videoRef2?.getBoundingClientRect()
|
|
|
- console.log(rect)
|
|
|
- videoRef2.style.height = rect.width / 16 * 9 + 'px'
|
|
|
- }
|
|
|
+ // const videoRef: any = document.querySelector('#register-video')
|
|
|
+ // const videoRef2: any = document.querySelector('#register-video2')
|
|
|
+ // if(videoRef) {
|
|
|
+ // const rect = videoRef?.getBoundingClientRect()
|
|
|
+ // console.log(rect)
|
|
|
+ // videoRef.style.height = rect.width / 16 * 9 + 'px'
|
|
|
+ // }
|
|
|
+ // if(videoRef2) {
|
|
|
+ // const rect = videoRef2?.getBoundingClientRect()
|
|
|
+ // console.log(rect)
|
|
|
+ // videoRef2.style.height = rect.width / 16 * 9 + 'px'
|
|
|
+ // }
|
|
|
})
|
|
|
_initVideo('one', forms, videoIntervalRef)
|
|
|
_initVideo('two', forms, videoIntervalRef2)
|
|
@@ -184,29 +184,37 @@ export default defineComponent({
|
|
|
<div class={styles.contentBody} v-html={forms.contentA}></div>
|
|
|
<div class={styles.contentBody}>
|
|
|
<div class={styles.cbTitle}>一、什么是音乐(器乐)课堂数字化转型<span>(详见视频介绍)</span></div>
|
|
|
- <div class={[styles['video-content']]}>
|
|
|
- <video
|
|
|
- id="register-video"
|
|
|
- class={styles['video']}
|
|
|
- src={forms.introductionVideo}
|
|
|
- playsinline={true}
|
|
|
- poster={forms.coverImg}
|
|
|
- preload="auto"></video>
|
|
|
- </div>
|
|
|
+ <div class={styles.videoBoxCon}>
|
|
|
+ <div class={styles.videoBox}>
|
|
|
+ <div class={[styles['video-content']]}>
|
|
|
+ <video
|
|
|
+ id="register-video"
|
|
|
+ class={styles['video']}
|
|
|
+ src={forms.introductionVideo}
|
|
|
+ playsinline={true}
|
|
|
+ poster={forms.coverImg}
|
|
|
+ preload="auto"></video>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class={styles.contentBody} v-html={forms.contentB}></div>
|
|
|
<div class={styles.contentBody} v-html={forms.contentC}></div>
|
|
|
<div class={styles.contentBody}>
|
|
|
- <div class={styles.cbTitle}>四、什么是器乐数字 Ai<span>(详见视频介绍)</span></div>
|
|
|
- <div class={[styles['video-content']]}>
|
|
|
- <video
|
|
|
- id="register-video2"
|
|
|
- class={styles['video']}
|
|
|
- src={forms.introductionVideo2}
|
|
|
- playsinline={true}
|
|
|
- poster={forms.coverImg2}
|
|
|
- preload="auto"></video>
|
|
|
- </div>
|
|
|
+ <div class={styles.cbTitle}>四、什么是器乐数字 Ai<span>(详见视频介绍)</span></div>
|
|
|
+ <div class={styles.videoBoxCon}>
|
|
|
+ <div class={styles.videoBox}>
|
|
|
+ <div class={[styles['video-content']]}>
|
|
|
+ <video
|
|
|
+ id="register-video2"
|
|
|
+ class={styles['video']}
|
|
|
+ src={forms.introductionVideo2}
|
|
|
+ playsinline={true}
|
|
|
+ poster={forms.coverImg2}
|
|
|
+ preload="auto"></video>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class={styles.contentBody} v-html={forms.contentD}></div>
|
|
|
</div>
|