@@ -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; | ||||