替换图片
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
import MyEvent from "@/tools/myEvents";
|
||||
let videoUrl = 'https://code-create.com.hk/wp-content/uploads/2023/05/codec_brand_vid_16x9_ENG.mp4'
|
||||
let videoPosterUrl = 'https://code-create.com.hk/wp-content/uploads/revslider/video-media/codec_brand_vid_16x9_ENG_11_layer.jpeg'
|
||||
let videoUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_vid_16x9_ENG.mp4'
|
||||
let videoPosterUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg'
|
||||
const playVideo = ()=>{
|
||||
MyEvent.emit("playVideo",{
|
||||
url: videoUrl,
|
||||
@@ -15,14 +15,14 @@
|
||||
<template>
|
||||
<section class="ecosystem">
|
||||
<div class="content">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/home_ai_logo.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/home_ai_logo.png" alt="">
|
||||
<h2>{{ $t('aboutUs.ecosystem.Title') }}</h2>
|
||||
<h4>{{ $t('aboutUs.ecosystem.Desc') }}</h4>
|
||||
</div>
|
||||
</section>
|
||||
<section class="ecosystem-video">
|
||||
<div class="content">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/revslider/video-media/codec_brand_vid_16x9_ENG_11_layer.jpeg" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg" alt="">
|
||||
<span class="iconfont icon-bofang" @click="playVideo"></span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -13,7 +13,7 @@ defineExpose({})
|
||||
<template>
|
||||
<div class="about-us">
|
||||
<div class="bg" v-show="windowWidth > 1000">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/12/about_banner-1.jpg" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/12/about_banner-1.jpg" alt="">
|
||||
</div>
|
||||
<Title />
|
||||
<Ecosystem />
|
||||
|
||||
@@ -55,19 +55,19 @@ const {} = toRefs(data);
|
||||
<h2>{{ $t('aboutUs.mission.FocusArea') }}</h2>
|
||||
<div class="img-box" ref="imgBox">
|
||||
<div class="img-item" ref="imgItem1">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_focus_01.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_01.png" alt="">
|
||||
<h2>{{ $t('aboutUs.mission.ElevateOperationEfficiency') }}</h2>
|
||||
</div>
|
||||
<div class="img-item" ref="imgItem2">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_focus_02-1-600x888.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_02-1-600x888.png" alt="">
|
||||
<h2>{{ $t('aboutUs.mission.VerticalDesignPlatform') }}</h2>
|
||||
</div>
|
||||
<div class="img-item" ref="imgItem3">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_focus_03-1-600x887.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_03-1-600x887.png" alt="">
|
||||
<h2>{{ $t('aboutUs.mission.Education') }}</h2>
|
||||
</div>
|
||||
<div class="img-item" ref="imgItem4">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_focus_04-1-600x888.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_focus_04-1-600x888.png" alt="">
|
||||
<h2>{{ $t('aboutUs.mission.Community') }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
@@ -142,7 +142,6 @@ const {} = toRefs(data);
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
@media (max-width: 1000px) {
|
||||
flex-wrap: wrap;
|
||||
|
||||
@@ -61,14 +61,14 @@ const {} = toRefs(data);
|
||||
</div>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_team_01-600x887.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_01-600x887.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="our-team-item bg2">
|
||||
<div class="content">
|
||||
<div class="img">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_team_02-600x887.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_02-600x887.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>
|
||||
@@ -93,14 +93,14 @@ const {} = toRefs(data);
|
||||
</div>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_team_03-600x887.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_03-600x887.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="our-team-item bg2">
|
||||
<div class="content">
|
||||
<div class="img">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_team_04-600x887.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_team_04-600x887.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
<p>
|
||||
|
||||
@@ -23,15 +23,15 @@ const {} = toRefs(data);
|
||||
<h2 v-tween="{'y':'30px','opacity':0}">{{ $t('aboutUs.StrategicPartners') }}</h2>
|
||||
<div class="img-box" v-tween="{'y':'30px','opacity':0}">
|
||||
<a href="https://www.aidlab.hk/">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_partners_01.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_partners_01.png" alt="">
|
||||
</a>
|
||||
<a href="https://www.polyu.edu.hk/">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_partners_02-1.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_partners_02-1.png" alt="">
|
||||
</a>
|
||||
<a href="https://www.rca.ac.uk/">
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2022/11/about_partners_03-300x145.png" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/11/about_partners_03-300x145.png" alt="">
|
||||
</a>
|
||||
<img src="https://code-create.com.hk/wp-content/uploads/2025/05/Eschange-600x130.jpg" alt="">
|
||||
<img src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2025/05/Eschange-600x130.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -10,7 +10,7 @@ defineExpose({})
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h1>{{$t('aboutUs.Title')}}</h1>
|
||||
<img v-show="windowWidth < 1000" src="https://code-create.com.hk/wp-content/uploads/2022/12/about_banner-1.jpg" alt="">
|
||||
<img v-show="windowWidth < 1000" src="https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2022/12/about_banner-1.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user