Quellcode durchsuchen

修改样式

ctt
chutingting vor 2 Jahren
Ursprung
Commit
8b68e74596
4 geänderte Dateien mit 58 neuen und 43 gelöschten Zeilen
  1. +17
    -2
      src/App.vue
  2. +7
    -8
      src/components/common/tail.vue
  3. +1
    -1
      src/components/common/top.vue
  4. +33
    -32
      src/components/home/home.vue

+ 17
- 2
src/App.vue Datei anzeigen

@@ -1,7 +1,14 @@
<!--
* @Autor: Chuting
* @Date: 2022-08-08 14:23:52
* @LastEditors: Chuting
* @LastEditTime: 2022-08-09 22:18:42
* @Description:
-->
<template>
<div id="app">
<top/>
<transition name="app" mode="out-in">
<transition name="app" mode="out-in" v-if="flag">
<router-view></router-view>
</transition>
<tail/>
@@ -16,8 +23,16 @@ export default {
tail
},
data(){
return{}
return{
flag: false
}
},
created() {
var that = this
setTimeout(function() {
that.flag = true
}, 2000)
}
}
</script>



+ 7
- 8
src/components/common/tail.vue Datei anzeigen

@@ -18,16 +18,13 @@
<div class="contentBox">
<div class="taolIconText">{{characters ==1?'联系我们':'Contact us'}}</div>
<div class="contentInput">
<!-- <input type="text" :placeholder="characters ==1?'姓名':'Name'" v-model="userName"> -->
<el-input v-model="userName" :placeholder="characters==1?'姓名':'Name'"></el-input>
</div>

<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>
</div>
<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>
</div>
<div class="subBtn" @click="submit()">{{characters ==1?'提交':'Submit'}}</div>
@@ -170,11 +167,7 @@ export default {
float: left;
margin-left: 260px;
.contentInput {
width: 286px;
height: 36px;
background: #ffffff;
text-align: center;
margin-bottom: 10px;
input {
width: 200px;
height: 36px;
@@ -193,7 +186,7 @@ export default {
line-height: 48px;
margin-top: 20px;
cursor: pointer;
font-size: 24px;
font-size: 14px;
}
}
.rqCodeBox {
@@ -282,6 +275,12 @@ export default {
opacity: 0.5;
}
}
::v-deep.contentInput input{
border: none;
width: 286px;
height: 36px;
color: #ADADAD;
}
::-webkit-input-placeholder {
/* WebKit browsers,webkit内核浏览器 */
color: #ccc;


+ 1
- 1
src/components/common/top.vue Datei anzeigen

@@ -135,7 +135,7 @@ export default {
cursor: pointer;
}
.categoryitem:hover{
background-color: #1358ba;
color: #1358ba;
}
.cutBox {
float: right;


+ 33
- 32
src/components/home/home.vue Datei anzeigen

@@ -113,6 +113,37 @@
</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">
<!-- <img src="../../assets/img/module_5_bg2.png" alt="" class="module_5_bg1"> -->
<div :class="characters==1?'titleBox':'titleBox1'">
@@ -152,36 +183,6 @@
</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="title">SELECTED CASES</div>
@@ -914,13 +915,13 @@ export default {
}
}
.module_6 {
height: 1080px;
height: 950px;
background-color: #fff;
.title {
text-align: center;
font-size: 24px;
color: #000;
margin-top: 150px;
margin-top: 100px;
}
.imgBox {
width: 1280px;


Laden…
Abbrechen
Speichern