| @@ -1,7 +1,14 @@ | |||||
| <!-- | |||||
| * @Autor: Chuting | |||||
| * @Date: 2022-08-08 14:23:52 | |||||
| * @LastEditors: Chuting | |||||
| * @LastEditTime: 2022-08-09 22:18:42 | |||||
| * @Description: | |||||
| --> | |||||
| <template> | <template> | ||||
| <div id="app"> | <div id="app"> | ||||
| <top/> | <top/> | ||||
| <transition name="app" mode="out-in"> | |||||
| <transition name="app" mode="out-in" v-if="flag"> | |||||
| <router-view></router-view> | <router-view></router-view> | ||||
| </transition> | </transition> | ||||
| <tail/> | <tail/> | ||||
| @@ -16,8 +23,16 @@ export default { | |||||
| tail | tail | ||||
| }, | }, | ||||
| data(){ | data(){ | ||||
| return{} | |||||
| return{ | |||||
| flag: false | |||||
| } | |||||
| }, | }, | ||||
| created() { | |||||
| var that = this | |||||
| setTimeout(function() { | |||||
| that.flag = true | |||||
| }, 2000) | |||||
| } | |||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -18,16 +18,13 @@ | |||||
| <div class="contentBox"> | <div class="contentBox"> | ||||
| <div class="taolIconText">{{characters ==1?'联系我们':'Contact us'}}</div> | <div class="taolIconText">{{characters ==1?'联系我们':'Contact us'}}</div> | ||||
| <div class="contentInput"> | <div class="contentInput"> | ||||
| <!-- <input type="text" :placeholder="characters ==1?'姓名':'Name'" v-model="userName"> --> | |||||
| <el-input v-model="userName" :placeholder="characters==1?'姓名':'Name'"></el-input> | <el-input v-model="userName" :placeholder="characters==1?'姓名':'Name'"></el-input> | ||||
| </div> | </div> | ||||
| <div class="contentInput"> | <div class="contentInput"> | ||||
| <!-- <input type="text" :placeholder="characters ==1?'手机':'Phone Number'" v-model="phone"> --> | |||||
| <el-input v-model="phone" :placeholder="characters ==1?'手机':'Phone Number'" ></el-input> | <el-input v-model="phone" :placeholder="characters ==1?'手机':'Phone Number'" ></el-input> | ||||
| </div> | </div> | ||||
| <div class="contentInput"> | <div class="contentInput"> | ||||
| <!-- <input type="text" :placeholder="characters ==1?'E-mail':'Mail'" v-model="email"> --> | |||||
| <el-input v-model="email" :placeholder="characters ==1?'E-mail':'Mail'" ></el-input> | <el-input v-model="email" :placeholder="characters ==1?'E-mail':'Mail'" ></el-input> | ||||
| </div> | </div> | ||||
| <div class="subBtn" @click="submit()">{{characters ==1?'提交':'Submit'}}</div> | <div class="subBtn" @click="submit()">{{characters ==1?'提交':'Submit'}}</div> | ||||
| @@ -170,11 +167,7 @@ export default { | |||||
| float: left; | float: left; | ||||
| margin-left: 260px; | margin-left: 260px; | ||||
| .contentInput { | .contentInput { | ||||
| width: 286px; | |||||
| height: 36px; | |||||
| background: #ffffff; | |||||
| text-align: center; | text-align: center; | ||||
| margin-bottom: 10px; | |||||
| input { | input { | ||||
| width: 200px; | width: 200px; | ||||
| height: 36px; | height: 36px; | ||||
| @@ -193,7 +186,7 @@ export default { | |||||
| line-height: 48px; | line-height: 48px; | ||||
| margin-top: 20px; | margin-top: 20px; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| font-size: 24px; | |||||
| font-size: 14px; | |||||
| } | } | ||||
| } | } | ||||
| .rqCodeBox { | .rqCodeBox { | ||||
| @@ -282,6 +275,12 @@ export default { | |||||
| opacity: 0.5; | opacity: 0.5; | ||||
| } | } | ||||
| } | } | ||||
| ::v-deep.contentInput input{ | |||||
| border: none; | |||||
| width: 286px; | |||||
| height: 36px; | |||||
| color: #ADADAD; | |||||
| } | |||||
| ::-webkit-input-placeholder { | ::-webkit-input-placeholder { | ||||
| /* WebKit browsers,webkit内核浏览器 */ | /* WebKit browsers,webkit内核浏览器 */ | ||||
| color: #ccc; | color: #ccc; | ||||
| @@ -135,7 +135,7 @@ export default { | |||||
| cursor: pointer; | cursor: pointer; | ||||
| } | } | ||||
| .categoryitem:hover{ | .categoryitem:hover{ | ||||
| background-color: #1358ba; | |||||
| color: #1358ba; | |||||
| } | } | ||||
| .cutBox { | .cutBox { | ||||
| float: right; | float: right; | ||||
| @@ -113,6 +113,37 @@ | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="module_7"> | |||||
| <div class="fillBox"> | |||||
| <div | |||||
| class="title" | |||||
| >{{characters==1?'超写实数字人的互动全新体验':'A new interactive experience of hyper-realistic digital people'}}</div> | |||||
| <div class="hintBox"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">{{characters==1?'你好,我是XXXX':"Hello, I'm XXXX"}}</div> | |||||
| </div> | |||||
| <div class="hintBox_1"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">{{characters==1?'你会说英语吗?Avrli':"Do you speak English? Avrli"}}</div> | |||||
| </div> | |||||
| <div class="hintBox"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">Which one would you like--this one or that one</div> | |||||
| </div> | |||||
| <div class="hintBox_1"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">{{characters==1?'你会说英语吗?Avrli':"Do you speak English? Avrli"}}</div> | |||||
| </div> | |||||
| <div class="hintBox"> | |||||
| <div class="triangle"></div> | |||||
| <div | |||||
| class="news1" | |||||
| >{{characters==1?'据北京市气象局消息,丰台、石景山有雷阵雨天气':"According to the Beijing Meteorological Bureau,"}}</div> | |||||
| </div> | |||||
| <div class="bnt_look" @click="showBox">{{characters==1?'立刻体验':'Try it now'}}</div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="module_5" id="module_5"> | <div class="module_5" id="module_5"> | ||||
| <!-- <img src="../../assets/img/module_5_bg2.png" alt="" class="module_5_bg1"> --> | <!-- <img src="../../assets/img/module_5_bg2.png" alt="" class="module_5_bg1"> --> | ||||
| <div :class="characters==1?'titleBox':'titleBox1'"> | <div :class="characters==1?'titleBox':'titleBox1'"> | ||||
| @@ -152,36 +183,6 @@ | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div class="module_7"> | |||||
| <div class="fillBox"> | |||||
| <div | |||||
| class="title" | |||||
| >{{characters==1?'超写实数字人的互动全新体验':'A new interactive experience of hyper-realistic digital people'}}</div> | |||||
| <div class="hintBox"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">{{characters==1?'你好,我是XXXX':"Hello, I'm XXXX"}}</div> | |||||
| </div> | |||||
| <div class="hintBox_1"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">{{characters==1?'你会说英语吗?Avrli':"Do you speak English? Avrli"}}</div> | |||||
| </div> | |||||
| <div class="hintBox"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">Which one would you like--this one or that one</div> | |||||
| </div> | |||||
| <div class="hintBox_1"> | |||||
| <div class="triangle"></div> | |||||
| <div class="news1">{{characters==1?'你会说英语吗?Avrli':"Do you speak English? Avrli"}}</div> | |||||
| </div> | |||||
| <div class="hintBox"> | |||||
| <div class="triangle"></div> | |||||
| <div | |||||
| class="news1" | |||||
| >{{characters==1?'据北京市气象局消息,丰台、石景山有雷阵雨天气':"According to the Beijing Meteorological Bureau,"}}</div> | |||||
| </div> | |||||
| <div class="bnt_look" @click="showBox">{{characters==1?'立刻体验':'Try it now'}}</div> | |||||
| </div> | |||||
| </div> | |||||
| <!-- <div class="module_8" id="module_8"> | <!-- <div class="module_8" id="module_8"> | ||||
| <div class="title">SELECTED CASES</div> | <div class="title">SELECTED CASES</div> | ||||
| @@ -914,13 +915,13 @@ export default { | |||||
| } | } | ||||
| } | } | ||||
| .module_6 { | .module_6 { | ||||
| height: 1080px; | |||||
| height: 950px; | |||||
| background-color: #fff; | background-color: #fff; | ||||
| .title { | .title { | ||||
| text-align: center; | text-align: center; | ||||
| font-size: 24px; | font-size: 24px; | ||||
| color: #000; | color: #000; | ||||
| margin-top: 150px; | |||||
| margin-top: 100px; | |||||
| } | } | ||||
| .imgBox { | .imgBox { | ||||
| width: 1280px; | width: 1280px; | ||||