Skip to content

P
project-online-old
提交 753149bb authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

修改样式

上级 a1f5b346
隐藏空白字符变更
内嵌 并排
正在显示 包含 164 行增加 和 38 行删除
package-lock.json
浏览文件 @ 753149bb
......@@ -5675,7 +5675,7 @@
},
"html-tags": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/html-tags/download/html-tags-2.0.0.tgz",
"resolved": "https://registry.npmjs.org/html-tags/-/html-tags-2.0.0.tgz",
"integrity": "sha1-ELMKOGCF9Dzt41PMj6fLDe7qZos="
},
"html-webpack-plugin": {
......@@ -6638,7 +6638,7 @@
},
"lodash.kebabcase": {
"version": "4.1.1",
"resolved": "https://registry.npm.taobao.org/lodash.kebabcase/download/lodash.kebabcase-4.1.1.tgz",
"resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
"integrity": "sha1-hImxyw0p/4gZXM7KRI/21swpXDY="
},
"loglevel": {
......@@ -9936,7 +9936,7 @@
},
"svg-tags": {
"version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/svg-tags/download/svg-tags-1.0.0.tgz",
"resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
"integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q="
},
"swiper": {
......
src/app.vue
浏览文件 @ 753149bb
<template>
<div id="app">
<router-view />
<img
@click="openService"
class="service" src="https://zws-imgs-pub.ezijing.com/4ea9db80581687a358d2e5fae9a631e0.png"
alt="">
</div>
</template>
<script>
export default {
methods: {
openService() {
window.open('https://chat7811.talk99.cn/chat/chat/p.do?g=10052859&md=2&c=10036753')
}
}
}
</script>
<style lang="scss" scoped>
.service{
width: 60px;
position: fixed;
right: 8px;
top: 50%;
margin: -50px 0 0;
z-index: 9999;
}
</style>
src/pages/home/index.vue
浏览文件 @ 753149bb
......@@ -52,35 +52,88 @@
<div class="title">项目特色</div>
<ul>
<li>
<img src="../../assets/img/lang/home-s-icon1.png" alt="" />
<div class="p">深厚底蕴<br />的超个人心理学学府</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/fb858d15ea447d84051d263ea37112d3.png" alt="" />
<div class="p">所获学位<br />全球通行，正规硕士学位</div>
</li>
<li>
<img src="../../assets/img/lang/home-s-icon2.png" alt="" />
<div class="p">中美双认证大学</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/9237c8a37d07466b0834e68b8d5f786c.png" alt="" />
<div class="p p2">中美双认证大学</div>
</li>
<li>
<img src="../../assets/img/lang/home-s-icon3.png" alt="" />
<div class="p">TOP20<br />全美在线心理学博士排名</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/ad0d5f5cfb48fa1768fcbe560395637f.png" alt="" />
<div class="p">创新课程体系<br />融合金融、管理和心理学</div>
</li>
<li>
<img src="../../assets/img/lang/home-s-icon4.png" alt="" />
<div class="p">工商管理<br />融合心理学</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/b5dd7a8549203158b19c990caf753f15.png" alt="" />
<div class="p">国际化校友全球16<br />个国家国际校友</div>
</li>
<li>
<img src="../../assets/img/lang/home-s-icon5.png" alt="" />
<div class="p">地处硅谷核心<br />比邻斯坦福</div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/f35e8152f2c7174e75bf4c2e70188893.png" alt="" />
<div class="p">中美权威师资<br />清华、北大、斯坦福权威师资</div>
</li>
</ul>
</div>
<div class="new-module2">
<div class="con970">
<div class="title">认 证 信 息</div>
<ul>
<li>
<div class="logo">
<img src="https://zws-imgs-pub.ezijing.com/static/public/c39c258f69002addb701d6a828eaa29f.png" alt="">
</div>
<div class="text">
<div>中国教育部</div>
<div>教育涉外监管信息网</div>
<div class="t">认证大学</div>
</div>
</li>
<li>
<div class="logo">
<img src="https://zws-imgs-pub.ezijing.com/static/public/bcf861182fd1e5c3632b0d1e97378c63.png" alt="">
</div>
<div class="text">
<div>美国教育部</div>
<div>西部院校联盟(WASC)</div>
<div class="t">认证大学</div>
</div>
</li>
<li>
<div class="logo">
<img src="https://zws-imgs-pub.ezijing.com/static/public/1f73853b05e01507b24567d14c34f164.png" alt="">
</div>
<div class="text">
<div>美国加州</div>
<div>私立高等教育局(BPPE)</div>
<div class="t">认证大学</div>
</div>
</li>
<li>
<div class="logo">
<img src="https://zws-imgs-pub.ezijing.com/static/public/6bf5efe5efec06738318cedccc7cd03c.png" alt="">
</div>
<div class="text">
<div>美国高等教育</div>
<div>认证委员会(CHEA)</div>
<div class="t">认证大学</div>
</div>
</li>
<li>
<div class="logo">
<img src="https://zws-imgs-pub.ezijing.com/static/public/4c0f67116fac2d0b267457f20852abfa.png" alt="">
</div>
<div class="text">
<div>美国</div>
<div>学位三级认证</div>
<!-- <div class="t">认证大学</div> -->
</div>
</li>
</ul>
<!-- <div class="con970">
<div class="top-con">
<div class="text">通过FMBA课程的学习<br/><span>获得优势：</span></div>
<img src="https://zws-imgs-pub.ezijing.com/static/public/1b4ac75951cfe717db4916bea71603d1.png" alt="">
</div>
<div class="con-txt">毕业于美国名校<br/>成长为国际化金融人才<br/>具备领军人物的创新精神<br/>数个精准的金融高端社交圈<br/>熟稔金融之术，深谙管理之道<br/>拥有与中美一流师资面对面切磋的宝贵经验<br/>成为紫荆遍布全球校友网络中的一员<br/>全新的人生轨迹</div>
</div>
</div> -->
</div>
<div class="module3">
<img
......@@ -568,7 +621,7 @@ export default {
}
}
.new-module1 {
width: 970px;
width: 1050px;
margin: 0 auto;
padding: 127px 0 60px;
.title {
......@@ -583,6 +636,7 @@ export default {
justify-content: space-between;
margin-top: 40px;
li {
margin-right: -50px;
img {
width: 61px;
height: 61px;
......@@ -595,38 +649,87 @@ export default {
color: #222222;
line-height: 25px;
margin-top: 10px;
&.p2{
margin-top: 20px;
}
}
}
}
}
.new-module2 {
width: 100%;
height: 412px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/ba283a3e3550c7513fa1e2cabe827a43.png);
height: 436px;
// background: #A4000F;
background: url(https://zws-imgs-pub.ezijing.com/static/public/521a97768110ae52ce07f07757c79238.png);
background-size: cover;
.top-con{
.title{
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
line-height: 36px;
text-align: center;
padding: 62px 0 58px;
}
ul{
display: flex;
padding-top: 58px;
.text{
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
line-height: 40px;
span{
font-size: 36px;
justify-content: center;
li{
width: 172px;
height: 207px;
background: #fff;
border-radius: 10px;
margin-right: 30px;
&:nth-child(1){
.logo{
width: 73px;
}
}
&:nth-child(2){
.logo{
width: 93px;
}
}
&:nth-child(3){
.logo{
width: 82px;
}
}
&:nth-child(4){
.logo{
width: 124px;
}
}
&:nth-child(5){
margin-right: 0;
.logo{
width: 124px;
}
}
.logo{
margin: 30px auto 0 auto;
height: 80px;
display: flex;
align-items: center;
img{
width: 100%;
display: block;
}
}
.text{
padding-top: 17px;
text-align: center;
div{
line-height: 100%;
margin-bottom: 10px;
font-size: 15px;
color: #96203A;
font-weight: bold;
}
.t{
font-weight: normal;
}
}
}
img{
width: 486px;
display: block;
margin-left: 10px;
}
}
.con-txt{
font-size: 18px;
color: #FFFFFF;
line-height: 24px;
margin-top: 48px;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论