|
@@ -8,7 +8,7 @@
|
|
<h1 class="common-title" v-html="item.name"></h1>
|
|
<h1 class="common-title" v-html="item.name"></h1>
|
|
<div class="player">
|
|
<div class="player">
|
|
<video class="video" controls="controls" playsinline="playsinline" muted="muted" :poster="isNaN(item.post) ? `${$cdn}video/homevideo/v${item.img}.mp4${item.post}` : `${$cdn}images/postv${item.post}.png`">
|
|
<video class="video" controls="controls" playsinline="playsinline" muted="muted" :poster="isNaN(item.post) ? `${$cdn}video/homevideo/v${item.img}.mp4${item.post}` : `${$cdn}images/postv${item.post}.png`">
|
|
- <source :src="`${$cdn}video/homevideo/v${item.img}.mp4`" type="video/mp4">
|
|
|
|
|
|
+ <source :src="`${$cdn}video/homevideo/v${language === 'zh' ? item.img:item.enImg}.mp4`" type="video/mp4">
|
|
</video>
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
@@ -18,6 +18,7 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { i18n } from '@/lang'
|
|
import { i18n } from '@/lang'
|
|
|
|
+import { mapState } from 'vuex'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
data () {
|
|
data () {
|
|
@@ -27,17 +28,20 @@ export default {
|
|
name: i18n.t('conduct.coreProduct.itemTitle1'),
|
|
name: i18n.t('conduct.coreProduct.itemTitle1'),
|
|
img: 1,
|
|
img: 1,
|
|
post: 1,
|
|
post: 1,
|
|
|
|
+ enImg: '1en',
|
|
runAnimation: true
|
|
runAnimation: true
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: i18n.t('conduct.coreProduct.itemTitle2'),
|
|
name: i18n.t('conduct.coreProduct.itemTitle2'),
|
|
img: 2,
|
|
img: 2,
|
|
post: 2,
|
|
post: 2,
|
|
|
|
+ enImg: '2',
|
|
runAnimation: true
|
|
runAnimation: true
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: i18n.t('conduct.coreProduct.itemTitle4'),
|
|
name: i18n.t('conduct.coreProduct.itemTitle4'),
|
|
img: 6,
|
|
img: 6,
|
|
|
|
+ enImg: '6',
|
|
post: '?x-oss-process=video/snapshot,t_100,f_jpg,m_fast',
|
|
post: '?x-oss-process=video/snapshot,t_100,f_jpg,m_fast',
|
|
runAnimation: true
|
|
runAnimation: true
|
|
},
|
|
},
|
|
@@ -45,23 +49,31 @@ export default {
|
|
name: i18n.t('conduct.coreProduct.itemTitle5'),
|
|
name: i18n.t('conduct.coreProduct.itemTitle5'),
|
|
img: 3,
|
|
img: 3,
|
|
post: 3,
|
|
post: 3,
|
|
|
|
+ enImg: '3en',
|
|
runAnimation: true
|
|
runAnimation: true
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: i18n.t('conduct.coreProduct.itemTitle6'),
|
|
name: i18n.t('conduct.coreProduct.itemTitle6'),
|
|
img: 4,
|
|
img: 4,
|
|
post: 4,
|
|
post: 4,
|
|
|
|
+ enImg: '4',
|
|
runAnimation: true
|
|
runAnimation: true
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name: i18n.t('conduct.coreProduct.itemTitle7'),
|
|
name: i18n.t('conduct.coreProduct.itemTitle7'),
|
|
img: 5,
|
|
img: 5,
|
|
post: 5,
|
|
post: 5,
|
|
|
|
+ enImg: '5en',
|
|
runAnimation: true
|
|
runAnimation: true
|
|
}
|
|
}
|
|
]
|
|
]
|
|
}
|
|
}
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapState({
|
|
|
|
+ language: state => state.language.current
|
|
|
|
+ })
|
|
|
|
+ },
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|