Browse Source

修改首页适配

ctt
chutingting 2 years ago
parent
commit
027f5a6714
13 changed files with 206 additions and 418 deletions
  1. +0
    -5
      package-lock.json
  2. +0
    -1
      package.json
  3. +4
    -3
      postcss.config.js
  4. BIN
      src/assets/img/about_1.png
  5. BIN
      src/assets/img/about_2.png
  6. BIN
      src/assets/img/home_3.jpg
  7. +9
    -0
      src/assets/style/index.css
  8. +82
    -0
      src/components/about/index.vue
  9. +28
    -27
      src/components/common/tail.vue
  10. +9
    -12
      src/components/common/top.vue
  11. +58
    -366
      src/components/home/home.vue
  12. +3
    -4
      src/main.js
  13. +13
    -0
      src/router/index.js

+ 0
- 5
package-lock.json View File

@@ -5637,11 +5637,6 @@
"launch-editor": "^2.4.0"
}
},
"lib-flexible": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/lib-flexible/-/lib-flexible-0.3.2.tgz",
"integrity": "sha512-9yowMWA70tKhKdCJDaltY0mNQG4OWo7pWKScnTp9aiSxS7s20ZYlwBRE3335nweOf5qKXVC7sDxJwMPM8/MFZg=="
},
"lines-and-columns": {
"version": "1.2.4",
"resolved": "https://registry.npmmirror.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz",


+ 0
- 1
package.json View File

@@ -9,7 +9,6 @@
"dependencies": {
"amfe-flexible": "^2.2.1",
"axios": "^0.27.2",
"lib-flexible": "^0.3.2",
"postcss-pxtorem": "^5.1.1",
"register-service-worker": "^1.7.1",
"swiper": "^4.5.1",


+ 4
- 3
postcss.config.js View File

@@ -1,11 +1,12 @@
const path = require('path')

module.exports = ({ file }) => {
let isVant = file && file.dirname && file.dirname.indexOf('vant') > -1
let rootValue = 37.5// 判断条件 请自行调整
const designWidth = file.dirname.includes(path.join('node_modules', 'vant')) ? 37.5 : 72.0
return {
plugins: {
autoprefixer: {},
'postcss-pxtorem': {
rootValue: rootValue,
rootValue: designWidth,
propList: ['*']
}
}


BIN
src/assets/img/about_1.png View File

Before After
Width: 720  |  Height: 378  |  Size: 459 KiB

BIN
src/assets/img/about_2.png View File

Before After
Width: 720  |  Height: 441  |  Size: 290 KiB

BIN
src/assets/img/home_3.jpg View File

Before After
Width: 720  |  Height: 866  |  Size: 363 KiB

+ 9
- 0
src/assets/style/index.css View File

@@ -0,0 +1,9 @@
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
img{
width: 100%;
display: block;
}

+ 82
- 0
src/components/about/index.vue View File

@@ -0,0 +1,82 @@
<template>
<div class="about">
<h1>{{about[characters].title1}}</h1>
<img src="@/assets/img/about_1.png" alt="">
<p>{{about[characters].desc1}}</p>
<img src="@/assets/img/about_2.png" alt="">
<h2>{{about[characters].title2}}</h2>
<p>{{about[characters].desc2}}</p>
<h2>{{about[characters].title3}}</h2>
<p>{{about[characters].desc3}}</p>
</div>
</template>
<script>
import { mapState } from 'vuex'

export default {
data() {
return {
about: {
1: {
title1: '遂芒科技',
desc1: `2020年,中国建筑合同额首次突破 3 万亿大关,实现 3.2 万亿元,同比增长 11.6%;完成营业收入 1.62万亿元,同比增长 13.7%;实现归属于上市公司股东的净利润 449.4 亿元,
同比增长7.3%;基本每股收益 1.07 元,同比增长 10.3%。全球建筑行业唯一新签合同额、营业收入达到“双万亿”的企业。公司位列2021年《财富》世界 500 强第 13 位,中国
企业 500 强第 3 位,稳居 ENR“全球最大 250 家工程承包商”第 1 位,继续保持行业全球最高信用评级,市场竞争力和品牌影响力不断提升,行业领先地位进一步巩固。`,
title2: '团队介绍',
desc2: `2020年,中国建筑合同额首次突破 3 万亿大关,实现 3.2 万亿元,同比增长 11.6%;
完成营业收入 1.62万亿元,同比增长 13.7%;实现归属于上市公司股东的净利润 4
49.4 亿元,同比增长7.3%;基本每股收益 1.07 元,同比增长 10.3%。全球建筑行
业唯一新签合同额
营业收入达到“双万亿”的企业。公司位列2021年《财富》世界 500 强第 13 位,
中国企业 500 强第 3 位,稳居 ENR“全球最大 250 家工程承包商”第 1 位,继续
保持行业全球最高信用评级,市场竞争力和品牌影响力不断提升,行业领先地位
进一步巩固。`,
title3: `公司愿景`,
desc3: `2020年,中国建筑合同额首次突破 3 万亿大关,实现 3.2 万亿元,同比增长 11.6%;
完成营业收入 1.62万亿元,同比增长 13.7%;实现归属于上市公司股东的净利润 4
49.4 亿元,同比增长7.3%;基本每股收益 1.07 元,同比增长 10.3%。全球建筑行
业唯一新签合同额
营业收入达到“双万亿”的企业。公司位列2021年《财富》世界 500 强第 13 位,
中国企业 500 强第 3 位,稳居 ENR“全球最大 250 家工程承包商”第 1 位,继续
保持行业全球最高信用评级,市场竞争力和品牌影响力不断提升,行业领先地位
进一步巩固。`
}
}
}
},
computed: {
...mapState({
characters: state => state.publicObj.characters
})
}
}
</script>
<style lang="scss" scoped>
.about{
background: #202020;
width: 100%;
padding-top: 135px;
padding-bottom: 80px;
h1,h2{
font-size: 42px;
color: #fff;
text-align: center;
margin-bottom: 35px;
}
h2{
margin: 70px;
}
p{
background: #2f2f2f;
width: 90%;
padding: 34px;
font-size: 26px;
line-height: 42px;
color: #fff;
margin: 40px auto;
&:last-child {
margin: 0 auto;
}
}
}
</style>

+ 28
- 27
src/components/common/tail.vue View File

@@ -26,7 +26,7 @@
<div class="tailText"> <img src="../../assets/img/logoh.png" alt=""></div>
<div class="tailText">TEL:86 152 1093 7300</div>
<div class="tailText">{{characters ==1?'北京市海淀区中关村南大街12号农业科学院信息楼311室':'311, Information Building, Academy of Agricultural Sciences, No. 12 Zhongguancun South Street, Haidian District, Beijing'}}</div>
<div class="tailText">© 2021 Copyright 北京邃芒科技有限公司 版权所有 京ICP备2021007416号</div>
<div class="tailText tailText3">© 2021 Copyright 北京邃芒科技有限公司 版权所有 京ICP备2021007416号</div>
</div>
</template>
<script>
@@ -100,10 +100,10 @@ export default {
overflow: hidden;
.title{
text-align: center;
font-size: 18px;
font-size: 44px;
line-height: 30px;
color: #323232;
margin-top: 20px;
margin-top: 42px;
}
overflow: hidden;
// height: 578px;
@@ -147,14 +147,16 @@ export default {

margin: 10px auto;
.contentInput {
width: 220px;
height: 36px;
width: 90%;
height: 90px;
background: #ffffff;
text-align: center;
margin: 0 auto 10px auto;
margin: 0 auto 16px auto;
// border-radius: 30px;
input {
width: 200px;
height: 36px;
width: 90%;
height: 90px;
font-size: 30px;
}
input::placeholder {
font-weight: 400;
@@ -162,14 +164,14 @@ export default {
}
}
.subBtn {
width: 70px;
height: 24px;
width: 50%;
height: 90px;
background: #ffffff;
border-radius: 24px;
border-radius: 50px;
text-align: center;
line-height: 24px;
line-height: 90px;
cursor: pointer;
font-size: 14px;
font-size: 30px;
margin: 20px auto 10px auto;
}
}
@@ -245,40 +247,39 @@ export default {
color: #696969 !important;
}
.tailText {
height: 20px;
line-height: 20px;
// margin-top: 10px;
text-align: center;
font-size: 10px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #191919;
margin-bottom: 4px;
font-size: 22px;
color: #707070;
margin-bottom: 10px;
img{
width: 110px;
height: 30px;
width: 300px;
margin: 20px auto;
}
}
.tailText3{
font-size: 16px;
margin-bottom: 66px;
}
}
::-webkit-input-placeholder {
/* WebKit browsers,webkit内核浏览器 */
color: #ccc;
font-size: 12px;
font-size: 30px;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
font-size: 12px;
font-size: 30px;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
font-size: 12px;
font-size: 30px;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
font-size: 12px;
font-size: 30px;
}
</style>


+ 9
- 12
src/components/common/top.vue View File

@@ -127,22 +127,21 @@ export default {
.goItem {
margin: 20px;
color: #fff;
font-size: 14px;
font-size: 26px;
}

.languageImgBox {
margin: 10px 0 0 20px;
margin: 20px 0 0 20px;
overflow: hidden;
img {
width: 25px;
height: 25px;
width: 40px;
height: 40px;
border-radius: 50px;
border: 1px #fff solid;
}
}
.topBox {
width: 100%;
height: 30px;
overflow: hidden;
position: fixed;
top: 0;
@@ -159,8 +158,7 @@ export default {
}
.logo {
float: left;
width: 120px;
height: 32px;
width: 280px;
}
.logoTitle {
float: left;
@@ -202,16 +200,15 @@ export default {
font-size: 15px;
}
.more {
width: 20px;
height: 20px;
width: 76px;
// background-color: aquamarine;
overflow: hidden;
}
.wire {
width: 20px;
height: 1px;
width: 76px;
height: 2px;
background-color: #fff;
margin-top: 5px;
margin-top: 12px;
}
.el-select {
width: 120px;


+ 58
- 366
src/components/home/home.vue View File

@@ -1,30 +1,14 @@
<template>
<div class="Box">
<div class="topBox">
<div class="more" @click="showPopup">
<div class="wire"></div>
<div class="wire"></div>
<div class="wire"></div>
</div>
</div>

<div class="module_1">
<video ref="vidoe" src="../../assets/video/1.mp4" width="100%" height="100%" autoplay muted="muted" loop="loop"/>
<div class="titleBox">
<div class="title_item1" v-if="characters==1">打造自主数字人IP</div>
<div class="title_item2" v-if="characters==1">沉淀数字资产</div>
<!-- <div class="title_item3" v-if="characters==1">自动化实时创作过程 帮助您快速定义形象 多种类型</div> -->
<!-- <div class="title_item3" v-if="characters==1">创造生成 超真实 超写实 风格化 不同性别</div> -->
<!-- <div class="title_item3" v-if="characters==1">多人种 分身化身随心创造</div> -->

<div class="title_item1_y" v-if="characters!=1">Create virtual human IP</div>
<div class="title_item2" v-if="characters!=1">for your business as digital assets</div>
<!-- <div
class="title_item3"
v-if="characters!=1"
>Automatic creation process, speed up character defined from months to hours Diversity character types, ultra-realistic, stylized or customized freely</div>-->

<div class="title_btn" @click="showBox">{{characters==1?'立刻体验':'Try it now'}}</div>
<div class="title_btn" @click="showBox">{{characters==1?'[立刻体验]':'Try it now'}}</div>
</div>
<div class="md1" id="md1"></div>
</div>
@@ -69,41 +53,6 @@
<img src="../../assets/img/module_3_2.png" alt>
</div>
</div>
<div class="module_7">
<div
class="title"
>{{characters==1?'超写实数字人的互动全新体验':'A new interactive experience of hyper-realistic digital people'}}</div>
<div class="fillBox">
<div class="hintBox">
<div class="triangle"></div>
<div class="news1">{{characters==1?'你好,我是XXXX':"Hello, I'm XXXX"}}</div>
</div>

<div class="hintBox2">
<div class="triangle"></div>
<div class="news1">{{characters==1?'你会说英语吗?Avrli':"Do you speak English? Avrli"}}</div>
</div>

<div class="hintBox3">
<div class="triangle"></div>
<div class="news1">
<span>Which one would you like--this one or that one</span>
</div>
</div>

<div class="hintBox4">
<div class="triangle"></div>
<div class="news1">{{characters==1?'你会说英语吗?Avrli':"Do you speak English? Avrli"}}</div>
</div>
<div class="hintBox5">
<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">
@@ -142,6 +91,10 @@
</div>
</div>
</div>
<div class="module_7">
<h1>超写实数字人的互动全新体验</h1>
<img src="@/assets/img/home_3.jpg" alt="">
</div>


<!-- <div class="module_8" id="module_8">
@@ -170,13 +123,13 @@
<div class="title" v-if="characters==2">ABOUT ME</div>
<div class="title_h" v-if="characters==1">关于我们</div>
<div
:class="characters==1?'ctn1':'ctn'"
class="ctn"
>{{characters==1?'北京邃芒科技公司正式成立于2021年8月,团队组建于2018年10月。':"Metavatar is founded in August 2021, the team built up in year 2018. "}}</div>
<div
:class="characters==1?'ctn_c1':'ctn_c'"
class="ctn"
>{{characters==1?'3年迭代形成AI技术为基础的数字人全生产流程,拥有业界顶尖AI形象生成和驱动技术,积累了独有的亚洲超现实数字人数据资产,已成功商用于工业级影视、品牌商和直播。团队均来自科研机构及一流院所,拥有来自悉尼科技大学, 北邮,中科院,清华的博士硕士团队和行业内一流人才 。':"In the past 3 years, Metavatar has iteratively been forming the whole production process of digital human based on AI technology. We own the industry's top AI image generation and driving technology, and has accumulated unique Asian surreal digital human data assets, which have been successfully used in industrial-grade film and television, brand owners and live broadcasts. The team is from scientific research institutions and first-class institutes, with PhD and Masters from the UTS, BUPT , CAS, Tsinghua University and first-class talents in the industry."}}</div>
<div
:class="characters==1?'ctn_c1':'ctn_c'"
class="ctn"
>{{characters==1?'邃芒科技专注虚拟数字人,提供未来世界数字形象巨量需求的生产力与能力,依靠技术与商业双轮驱动为用户打开元宇宙大门。':"Metavatar focus on digital human sector, provides capability of producing the massive amount requirements for the future metaverse. Vision to be the first level company as a KEY to knock out the door of metaverse; Developing the leading technology and create customer value along the way."}}</div>
</div>
</div>
@@ -235,25 +188,6 @@
</div>
<div class="subBtn" @click="submit()">{{characters ==1?'提交':'Submit'}}</div>
</div>

<van-popup
v-model="show"
position="top"
:style="{ width: '70%', height: '90%', 'background-color': 'rgb(255, 255, 255,0)','margin-top': '10%'}"
>
<div class="goItem" @click="goView('module_2')">{{characters==1?'产品能力':'Product'}}</div>
<div class="goItem" @click="goView('module_5')">{{characters==1?'创新技术':'Technology'}}</div>
<div class="goItem" @click="goView('module_6')">{{characters==1?'解决方案':'Solutions'}}</div>
<!-- <div class="goItem">{{characters==1?'精选案例':'Cases'}}</div> -->
<!-- @click="go('/aboutUe')" -->
<div class="goItem" @click="goView('module_9')">{{characters==1?'关于我们':'About us'}}</div>
<div class="languageImgBox" @click="change(1)">
<img src="../../assets/img/cn.jpeg" alt class="cutImg">
</div>
<div class="languageImgBox" @click="change(2)">
<img src="../../assets/img/en.jpg" alt class="cutImg">
</div>
</van-popup>
</div>
</template>

@@ -273,7 +207,6 @@ export default {
userName: "",
phone: "",
email: "",
show: false,
form: {
name: "",
phone: "",
@@ -444,10 +377,6 @@ export default {
},
methods: {
...mapActions(["setCharacters"]),

showPopup() {
this.show = true;
},
change(value) {
this.setCharacters(value);
this.show = false;
@@ -616,6 +545,15 @@ export default {
width: 100%;
overflow: hidden;
}
.module_7{
background: #f0f4f7;
h1{
font-size: 44px;
text-align: center;
line-height: 150px;
font-weight: normal;
}
}
.topBox {
width: 100%;
height: 30px;
@@ -721,16 +659,13 @@ export default {
color: #fff;
text-align: center;
.title_item1 {
margin-bottom: 6px;
font-size: 18px;
font-size: 45px;
}
.title_item1_y {
// margin-bottom: 14px;
font-size: 18px;
font-size: 45px;
}
.title_item2 {
margin-bottom: 8px;
font-size: 18px;
font-size: 45px;
}
.title_item3 {
font-size: 12px;
@@ -738,14 +673,9 @@ export default {
}
.title_btn {
margin-top: 24px;
height: 22px;
width: 80px;
text-align: center;
line-height: 22px;
color: #fff;
border-radius: 16px;
border: #fff solid 2px;
font-size: 14px;
font-size: 42px;
cursor: pointer;
margin: 0 auto;
}
@@ -757,10 +687,10 @@ export default {
// height: 180px;
background-color: #202020;
.title {
font-size: 18px;
font-size: 26px;
text-align: center;
color: #fff;
margin-top: 10px;
margin: 30px 0;
}
.xian {
width: 80%;
@@ -769,20 +699,19 @@ export default {
background-color: #16e9d6;
}
.title_ctn {
width: 92%;
margin: 0 auto 6px auto;
font-size: 6px;
margin: 18px auto;
font-size: 20px;
color: #7e7e7e;
font-family: Microsoft YaHei;
padding: 0 7.5%;
}
.title_btn {
margin: 0 auto 10px auto;
height: 22px;
width: 80px;
margin:44px auto;
height: 60px;
width: 200px;
text-align: center;
line-height: 22px;
border-radius: 16px;
font-size: 12px;
line-height: 60px;
border-radius: 30px;
font-size: 20px;
cursor: pointer;
color: #16e9d6;
border: #16e9d6 solid 1px;
@@ -794,7 +723,6 @@ export default {
background-color: #202020;
.imgBox1 {
width: 100%;
height: 228px;
float: left;
// background-color: #16e9d6;
img {
@@ -804,7 +732,6 @@ export default {
}
.imgBox2 {
width: 100%;
height: 228px;
float: right;
// background-color: #16e9d6;
img {
@@ -871,34 +798,29 @@ export default {
overflow: hidden;
.module_5_bg1 {
width: 100%;
height: 560px;
}
.titleBox {
margin-top: 20px;
.title {
font-size: 20px;
font-family: Inter;
font-size: 62px;
font-weight: 600;
margin-bottom: 28px;
color: #fff;
text-align: center;
}
.paragraph {
width: 90%;
margin: 0 auto 8px auto;
font-weight: 400;
margin: 35px 7.5%;
color: #7e7e7e;
font-size: 6px;
font-family: Microsoft YaHei;
font-size: 22px;
}
.read_btn {
margin: 20px auto;
height: 22px;
width: 80px;
margin:44px auto;
height: 60px;
width: 200px;
text-align: center;
line-height: 22px;
border-radius: 16px;
font-size: 13px;
line-height: 60px;
border-radius: 30px;
font-size: 20px;
cursor: pointer;
color: #16e9d6;
border: #16e9d6 solid 1px;
@@ -910,11 +832,10 @@ export default {
margin-bottom: 40px;
overflow: hidden;
.title {
height: 20px;
text-align: center;
font-size: 16px;
font-size: 50px;
color: #000;
margin-top: 30px;
margin-top: 60px;
}
.imgBox {
width: 96%;
@@ -923,10 +844,10 @@ export default {
flex-wrap: wrap;
justify-content: space-evenly;
.itemBox {
width: 170px;
height: 172px;
width: 318px;
height: 318px;
position: relative;
margin-bottom: 10px;
margin-bottom: 18px;
img {
width: 100%;
height: 100%;
@@ -938,199 +859,12 @@ export default {
bottom: 14px;
margin: auto;
color: #fff;
width: 90%;
font-size: 12px;
font-family: Microsoft YaHei;
line-height: 14px;
font-weight: 400;
font-size: 22px;
text-align: center;
}
}
}
}
.module_7 {
overflow: hidden;
height: 400px;
background-color: #f0f4f7;
position: relative;
background-image: url("../../assets/img/module_7_bg.png");
background-repeat: no-repeat;
background-size: 280px 370px;
background-position: 0% 30px;
.title {
width: 98%;
margin: 0 auto;
font-size: 14px;
margin-top: 12px;
height: 20px;
text-align: center;
}
.fillBox {
position: absolute;
top: 36px;
left: 48%;

.hintBox {
overflow: hidden;
margin-top: 9px;

.triangle {
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #fff;
float: left;
margin-top: 4px;
}
.news1 {
height: 20px;
line-height: 20px;
max-width: 150px;
padding: 4px 8px;
background: #ffffff;
box-shadow: -1px 2px 4px 0px rgba(1, 3, 5, 0.1);
border-radius: 12px;
font-size: 10px;
font-family: Inter;
font-weight: 400;
color: #232324;
float: left;
}
}

.hintBox2 {
overflow: hidden;
margin-top: 14px;
margin-left: 30px;
.triangle {
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #fff;
float: left;
margin-top: 4px;
}
.news1 {
height: 20px;
line-height: 20px;
max-width: 150px;
padding: 4px 8px;
background: #ffffff;
box-shadow: -1px 2px 4px 0px rgba(1, 3, 5, 0.1);
border-radius: 12px;
font-size: 10px;
font-family: Inter;
font-weight: 400;
color: #232324;
float: left;
}
}

.hintBox3 {
overflow: hidden;
margin-top: 14px;
.triangle {
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #fff;
float: left;
margin-top: 14px;
}
.news1 {
height: 40px;
line-height: 20px;
max-width: 150px;
padding: 4px 8px;
background: #ffffff;
box-shadow: -1px 2px 4px 0px rgba(1, 3, 5, 0.1);
border-radius: 12px;
font-size: 10px;
font-family: Inter;
font-weight: 400;
color: #232324;
float: left;
}
}

.hintBox4 {
overflow: hidden;
margin-top: 14px;
margin-left: 30px;
.triangle {
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #fff;
float: left;
margin-top: 4px;
}
.news1 {
height: 20px;
line-height: 20px;
max-width: 150px;
padding: 4px 8px;
background: #ffffff;
box-shadow: -1px 2px 4px 0px rgba(1, 3, 5, 0.1);
border-radius: 12px;
font-size: 10px;
font-family: Inter;
font-weight: 400;
color: #232324;
float: left;
}
}

.hintBox5 {
overflow: hidden;
margin-top: 14px;
.triangle {
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #fff;
float: left;
margin-top: 14px;
}
.news1 {
height: 40px;
line-height: 20px;
max-width: 150px;
padding: 4px 8px;
background: #ffffff;
box-shadow: -1px 2px 4px 0px rgba(1, 3, 5, 0.1);
border-radius: 12px;
font-size: 10px;
font-family: Inter;
font-weight: 400;
color: #232324;
float: left;
span {
width: 104%;
height: 100%;
display: block;
transform: scale(0.8);
}
}
}

.bnt_look {
margin-top: 30px;
margin-left: 64px;
height: 24px;
width: 88px;
border: 1px solid #000000;
border-radius: 33px;
font-size: 14px;
font-family: Inter;
font-weight: 600;
color: #000000;
line-height: 22px;
text-align: center;
cursor: pointer;
}
}
}
.module_8 {
height: 420px;
background: #ffffff;
@@ -1186,11 +920,10 @@ export default {
.weBox {
overflow: hidden;
.weText {
width: 90%;
// background-color: #191919;
margin: 10px auto;
margin: 10px 7.5%;
.conBox {
overflow: hidden;
margin-bottom: 60px;
.title {
font-size: 18px;
font-family: Inter;
@@ -1200,48 +933,18 @@ export default {
text-align: right;
}
.title_h {
margin-top: 20px;
font-size: 16px;
font-family: Microsoft YaHei;
margin-top: 40px;
font-size: 45px;
font-weight: 400;
color: #ffffff;
text-align: center;
}
.ctn {
width: 100%;
font-size: 6px;
font-family: Microsoft YaHei;
font-size: 22px;
font-weight: 400;
color: #696969;
// line-height: 24px;
margin-top: 10px;
}
.ctn_c {
width: 100%;
font-size: 6px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #696969;
// line-height: 22px;
margin-top: 16px;
}
.ctn1 {
width: 100%;
font-size: 6px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #696969;
// line-height: 20px;
margin-top: 20px;
}
.ctn_c1 {
width: 100%;
font-size: 6px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #696969;
// line-height: 20px;
margin: 10px 0;
margin-top: 38px;
}
}
}
@@ -1280,8 +983,7 @@ export default {
overflow: hidden;
.timeText {
width: 200px;
font-size: 16px;
font-family: Inter;
font-size: 20px;
font-weight: 600;
color: #313131;
line-height: 30px;
@@ -1302,8 +1004,7 @@ export default {
.ctn {
width: 160px;
// height: 20px;
font-size: 12px;
font-family: Microsoft YaHei;
font-size: 20px;
font-weight: 400;
color: #313131;
line-height: 24px;
@@ -1317,13 +1018,11 @@ export default {
// margin-bottom: 30px;
.titleBox {
.title_h {
font-size: 16px;
font-family: Microsoft YaHei;
font-size: 44px;
font-weight: 400;
color: #0d0912;
line-height: 40px;
margin-left: 10px;
text-align: center;
margin: 40px auto;
}
}
}
@@ -1332,18 +1031,11 @@ export default {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 200px;
margin: 0 auto;

.cooperationItem0 {
width: 80px;
height: 30px;
margin: 5px 10px;
width: 50%;
// margin-left: 100px;
img {
width: 80px;
height: 36px;
}
}
.cooperationItem1 {
width: 80px;


+ 3
- 4
src/main.js View File

@@ -2,7 +2,7 @@
* @Autor: Chuting
* @Date: 2022-08-08 14:25:11
* @LastEditors: Chuting
* @LastEditTime: 2022-08-10 11:29:26
* @LastEditTime: 2022-08-12 23:33:10
* @Description:
*/
import Vue from 'vue'
@@ -10,9 +10,8 @@ import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
//import 'vant/lib/index.css'
// 引入lib-flexible做rem适配
//import 'lib-flexible'
import 'vant/lib/index.css'
import '@/assets/style/index.css'
import 'amfe-flexible/index'
import axios from "axios"



+ 13
- 0
src/router/index.js View File

@@ -1,3 +1,10 @@
/*
* @Autor: Chuting
* @Date: 2022-08-08 14:25:11
* @LastEditors: Chuting
* @LastEditTime: 2022-08-12 22:54:42
* @Description:
*/
import Vue from 'vue'
import VueRouter from 'vue-router'

@@ -22,6 +29,12 @@ const routes = [
// component: Home
component: ()=> import("../components/aboutUe/aboutUe"),
},
{
path: '/about',
name: 'about',
// component: Home
component: ()=> import("@/components/about"),
},
{
path: '/styleAdd',
name: 'styleAdd',


Loading…
Cancel
Save