diff --git a/index.html b/index.html
index 4cf8bd3..b1ecf2a 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;"
/>
产品梦工厂
+
diff --git a/logo.ico b/logo.ico
new file mode 100644
index 0000000..23f7d51
Binary files /dev/null and b/logo.ico differ
diff --git a/src/assets/img/intro/a.m4v b/src/assets/img/intro/a.m4v
new file mode 100644
index 0000000..1f24e48
Binary files /dev/null and b/src/assets/img/intro/a.m4v differ
diff --git a/src/assets/img/intro/bg.jpg b/src/assets/img/intro/bg.jpg
new file mode 100644
index 0000000..0fdffd8
Binary files /dev/null and b/src/assets/img/intro/bg.jpg differ
diff --git a/src/assets/img/intro/close.png b/src/assets/img/intro/close.png
new file mode 100644
index 0000000..015d455
Binary files /dev/null and b/src/assets/img/intro/close.png differ
diff --git a/src/assets/img/intro/play.png b/src/assets/img/intro/play.png
new file mode 100644
index 0000000..8d6da36
Binary files /dev/null and b/src/assets/img/intro/play.png differ
diff --git a/src/common/utils.js b/src/common/utils.js
index 09c5fb0..2453ef7 100644
--- a/src/common/utils.js
+++ b/src/common/utils.js
@@ -142,7 +142,7 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
if (activeIndex == 14) {
animateCSS('#post_page_title_ani', aniName)
}
- if (activeIndex == 15) {
+ if (activeIndex == 16) {
animateCSS('#contract_info_ani', aniName)
animateCSS('#contact_hand', aniName)
}
diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index f6245d3..c24f633 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -12,7 +12,7 @@
结构开发
企业文化
加入我们
- 联系我们
+ 联系我们
diff --git a/src/components/Video/index.vue b/src/components/Video/index.vue
index f7f25ce..f8f891d 100644
--- a/src/components/Video/index.vue
+++ b/src/components/Video/index.vue
@@ -1,9 +1,6 @@
-
+
@@ -11,16 +8,24 @@
import vue3videoPlay from 'vue3-video-play' // 引入组件
import 'vue3-video-play/dist/style.css' // 引入css
import { reactive } from 'vue'
+import Post from '@/assets/img/intro/bg.jpg'
+const props = defineProps({
+ videoUrl: String,
+ autoPlay: {
+ default: false,
+ type: Boolean,
+ },
+})
const options = reactive({
width: '100%', //播放器高度
height: 'auto', //播放器高度
- color: '#409eff', //主题色
+ color: '#283fe7', //主题色
title: '', //视频名称
- src: 'https://cdn.jsdelivr.net/gh/xdlumia/files/video-play/IronMan.mp4', //视频源
- muted: true, //静音
+ src: props.videoUrl, //视频源
+ muted: false, //静音
webFullScreen: false,
speedRate: ['0.75', '1.0', '1.25', '1.5', '2.0'], //播放倍速
- autoPlay: false, //自动播放
+ autoPlay: props.autoPlay, //自动播放
loop: false, //循环播放
mirror: false, //镜像画面
ligthOff: false, //关灯模式
@@ -31,9 +36,7 @@ const options = reactive({
'quality',
'speedRate',
'volume',
- 'setting',
'pip',
- 'pageFullScreen',
'fullScreen',
], //显示所有按钮,
})
diff --git a/src/views/Index/components/IntroVideo/index.vue b/src/views/Index/components/IntroVideo/index.vue
new file mode 100644
index 0000000..eb1c918
--- /dev/null
+++ b/src/views/Index/components/IntroVideo/index.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
![]()
+
+
+
+
+
+ ![]()
+
+
+
+
+