Skip to content

P
project-www-pc
提交 911ed91b authored 作者: lihuihui's avatar lihuihui
浏览文件
操作

新增模块，优化

上级 6b5a7128
全部展开 隐藏空白字符变更
内嵌 并排
正在显示 包含 515 行增加 和 30 行删除
.nuxt/router.js
浏览文件 @ 911ed91b
......@@ -10,6 +10,9 @@ const _10a7578c = () => interopDefault(import('../pages/about/culture.vue' /* we
const _23d2f0fd = () => interopDefault(import('../pages/about/introduce.vue' /* webpackChunkName: "pages/about/introduce" */))
const _7f16db65 = () => interopDefault(import('../pages/about/news.vue' /* webpackChunkName: "pages/about/news" */))
const _249d262e = () => interopDefault(import('../pages/about/news-detail.vue' /* webpackChunkName: "pages/about/news-detail" */))
const _12856c94 = () => interopDefault(import('../pages/services/college.vue' /* webpackChunkName: "pages/services/college" */))
const _3cf993c6 = () => interopDefault(import('../pages/services/employment.vue' /* webpackChunkName: "pages/services/employment" */))
const _5bfd9c5c = () => interopDefault(import('../pages/services/job.vue' /* webpackChunkName: "pages/services/job" */))
const _77495298 = () => interopDefault(import('../pages/services/major.vue' /* webpackChunkName: "pages/services/major" */))
const _4d95ac32 = () => interopDefault(import('../pages/index.vue' /* webpackChunkName: "pages/index" */))
......@@ -48,6 +51,18 @@ export const routerOptions = {
path: "/about/news-detail",
component: _249d262e,
name: "about-news-detail"
}, {
path: "/services/college",
component: _12856c94,
name: "services-college"
}, {
path: "/services/employment",
component: _3cf993c6,
name: "services-employment"
}, {
path: "/services/job",
component: _5bfd9c5c,
name: "services-job"
}, {
path: "/services/major",
component: _77495298,
......
.nuxt/routes.json
浏览文件 @ 911ed91b
......@@ -41,6 +41,27 @@
"chunkName": "pages/about/news-detail",
"_name": "_249d262e"
},
{
"name": "services-college",
"path": "/services/college",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/college.vue",
"chunkName": "pages/services/college",
"_name": "_12856c94"
},
{
"name": "services-employment",
"path": "/services/employment",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/employment.vue",
"chunkName": "pages/services/employment",
"_name": "_3cf993c6"
},
{
"name": "services-job",
"path": "/services/job",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/job.vue",
"chunkName": "pages/services/job",
"_name": "_5bfd9c5c"
},
{
"name": "services-major",
"path": "/services/major",
......
components/Head.vue
浏览文件 @ 911ed91b
......@@ -192,22 +192,22 @@
{
name: '专业共建',
isShow: false,
pathType: 3
path: '/services/major'
},
{
name: '校企合作',
name: '新职业',
isShow: false,
pathType: 3
path: '/services/job'
},
{
name: '产业学院',
isShow: false,
pathType: 3
path: '/services/college'
},
{
name: '双高建设',
name: '高质量实习就业服务',
isShow: false,
pathType: 3
path: '/services/employment'
},
{
name: '在线教育解决方案',
......
components/about/contact.vue
浏览文件 @ 911ed91b
......@@ -5,7 +5,7 @@
<div class="con-mian">
<div class="tit">联系我们</div>
<div class="info">
地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院7号楼5层<br />
地&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层<br />
联系电话：010-62793299<br />
邮&nbsp;&nbsp;箱：service@ezijing.com
</div>
......@@ -60,6 +60,8 @@ export default {
</script>
<style lang="scss" scoped>
#allmap{
position: relative;
z-index: 0;
width: 1000px;
height: 320px;
}
......
components/about/culture.vue
浏览文件 @ 911ed91b
......@@ -2,7 +2,7 @@
<div class="culture-content-box">
<div class="video-box">
<video
src="https://zws-imgs-pub.ezijing.com/static/public/630810d0c5276d1195325d88d40a0034.mp4"
src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/%E7%B4%AB%E8%8D%86%E5%AE%A3%E4%BC%A0%E7%89%8720201224.mp4"
width=""
height=""
controls="controls"
......
components/about/introduce.vue
浏览文件 @ 911ed91b
......@@ -67,16 +67,16 @@
<span>50+</span>课程研发人员，<span>700+</span>师资团队，<span>4800+</span>总研发课时。
</div>
<div class="tab-con tab-con2" v-if="indexActive === 1">
源自清华 持续投入 <span>50+</span>技术研发团队，<span>1亿+</span>累计研发投入<br />
<span>500万+</span>总学习人次，<span>24</span>小时在线<br />
<span>1000+</span>次直播，<span>10000+</span>题库，<br />
大数据智能学习分析、作业评判、智能化营销数据分配<br />
源自清华，持续投入<span>50+</span>技术研发团队，<span>1亿+</span>累计研发投入 ;<br />
<span>500万+</span>总学习人次，<span>24</span>小时在线 ;<br />
<span>1000+</span>次直播，<span>10000+</span>题库 ;<br />
大数据智能学习分析、作业评判、智能化营销数据分配。<br />
</div>
<div class="tab-con tab-con3" v-if="indexActive === 2">
<span>WSCUC、AACSB、EQUIS…</span>认证<br />
<span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队；<br />
<span>40%</span>员工有研究生学历<br />
<span>5</span>大洲<span>16</span>个国家/地区国际校友网络。覆盖全国<span>380+</span>省、市、自治区及行政特区
<span>WSCUC、AACSB、EQUIS…</span>认证 ;<br />
<span>30</span>余位哈佛、清华、哥伦比亚等国际一流大学人才组成的国际化团队 ;<br />
<span>40%</span>员工有研究生学历 ;<br />
<span>5</span>大洲<span>16</span>个国家/地区国际校友网络，覆盖全国<span>380+</span>省、市、自治区及行政特区。
</div>
</div>
</div>
......@@ -151,7 +151,7 @@ export default {
}
.n-txt{
font-size: 16px;
font-family: Source Han Sans CN;
font-family: auto;
line-height: 34px;
text-align: center;
color: #666666;
......@@ -210,11 +210,11 @@ export default {
}
.t2{
font-size: 20px;
font-weight: 300;
line-height: 100%;
color: #424242;
margin-top: 16px;
text-align: center;
font-family: auto;
}
}
}
......
components/about/news.vue
浏览文件 @ 911ed91b
......@@ -64,6 +64,7 @@ export default {
background: #fff;
li{
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 20px;
padding-bottom: 36px;
......@@ -81,6 +82,7 @@ export default {
display: block;
}
.right-con{
width: 550px;
margin-left: 30px;
.time{
font-size: 16px;
......@@ -110,7 +112,7 @@ export default {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
}
......
components/home/degreeEducation.vue
浏览文件 @ 911ed91b
......@@ -27,7 +27,7 @@
export default {
data() {
return {
indexActive: 0,
indexActive: 1,
data: [
{
name: '本科',
......
components/home/educationServices.vue
浏览文件 @ 911ed91b
......@@ -2,7 +2,7 @@
<div class="service-content max-width-center">
<div class="title">教育服务</div>
<ul class="nav-content">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path)">
<li v-for="(item, index) in data" :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.icon" alt="" class="icon">
<img :src="item.iconActive" alt="" class="icon-active">
<div class="text" v-html="item.text"></div>
......@@ -23,22 +23,22 @@ export default {
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/7bea5e01e4e4c92e104bb1d73d313500.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b624145e8cd4a8c38f108dbd0efc3eb.png',
text: '专业共建', path: '', pathType: 0
text: '专业共建', path: '/services/major', pathType: 1
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6db512b8b2b4501651e6f9bc520d7379.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/bcbc44b065ea26146a68750e82aa058c.png',
text: '校企合作', path: '', pathType: 0
text: '新职业', path: '/services/job', pathType: 1
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0e5522064d9070290b3d541a485d469f.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/01d9b50bd0e2e2355a18f486181d710a.png',
text: '产业学院', path: '', pathType: 0
text: '产业学院', path: '/services/college', pathType: 1
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/0912f621abe188ccc84df6520a8fecf9.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/759a550044932bcf0f1159d103361ed2.png',
text: '双高建设', path: '', pathType: 0
text: '高质量实习<br />就业服务', path: '/services/employment', pathType: 1
},
{
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6cf5b6010dd7d35a80d4acc270db8a86.png',
......@@ -54,12 +54,13 @@ export default {
}
},
methods: {
goPage(path) {
goPage(path, type) {
if (path === '') {
this.$message('暂未开通，尽请期待。')
return
} else {
!type ? window.open(path) : this.$router.push({ path: path })
}
window.open(path)
}
}
}
......
components/home/serviceCase.vue
浏览文件 @ 911ed91b
......@@ -34,6 +34,7 @@ export default {
autoplay: true,
delay: 3000,
observer: true,
loop: true,
observerParent: true,
navigation: {
nextEl: '.next-button',
......
components/services/tab.vue
浏览文件 @ 911ed91b
......@@ -5,8 +5,8 @@
:class="indexActive === index && 'active'"
:key="index"
@click="tabChanges(index)"
v-html="item.name"
>
{{ item.name }}
</li>
</ul>
</template>
......@@ -27,7 +27,7 @@ export default {
methods: {
tabChanges(index) {
this.indexActive = index
this.$emit('tabIndex', index)
this.$emit('tabChangeIndex', index)
}
}
}
......@@ -35,7 +35,7 @@ export default {
<style lang="scss" scoped>
.tab-content{
width: 160px;
// height: 110px;
height: fit-content;
background: #fff;
padding-top: 35px;
padding-bottom: 43px;
......
pages/services/college.vue 0 → 100644
浏览文件 @ 911ed91b
差异被折叠。
pages/services/employment.vue 0 → 100644
浏览文件 @ 911ed91b
<template>
<div class="occupation-content">
<div class="mian-title">高质量实习就业服务</div>
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-banner.jpg" alt="" class="banner">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con1.png" alt="" class="img1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con2.png" alt="" class="img2">
<ul>
<li v-for="(item, index) in list" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con3.png" alt="" class="img3">
<ul>
<li v-for="(item, index) in list2" :key="index">
<img :src="item.image" alt="">
<div class="pop-txt">{{ item.text }}</div>
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con4.png" alt="" class="img4">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con5.png" alt="" class="img5">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con6.png" alt="" class="img5">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con7.png" alt="" class="img9">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con8.png" alt="" class="img9">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-con9.png" alt="" class="img9">
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
list: [
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx1.jpg', text: '职业思维篇' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx2.jpg', text: '职业形象篇' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx3.jpg', text: '职业效率篇' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx4.jpg', text: '职业提升篇' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx5.jpg', text: '菁英思维' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx6.jpg', text: '菁英技能' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx7.jpg', text: '菁英拓展' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx8.jpg', text: '菁英实战' }
],
list2: [
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx2-1.jpg', text: '行业分析' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx2-2.jpg', text: '人才测评' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx2-3.jpg', text: '自我认知' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/emp-gx2-4.jpg', text: '人岗匹配' }
]
}
},
methods: {
tabChangeIndex(n) {
this.showModule = n
}
},
computed: {
m1SetStyle() {
return (url) => {
return `background: url(${url});background-size: 100% 100%`
}
}
}
}
</script>
<style lang="scss" scoped>
.occupation-content{
width: 1200px;
margin: 0 auto;
padding-bottom: 100px;
.mian{
display: flex;
justify-content: space-between;
}
.mian-title{
font-size: 28px;
font-weight: 500;
line-height: 100%;
color: #AA1941;
padding: 48px 0 31px;
}
.occupation-content-mian{
width: 1200px;
.module-content-box{
background: #fff;
.banner{
width: 100%;
height: 320px;
display: block;
}
}
.module-1{
.content-mian{
padding: 60px 50px 65px;
img{
width: 100%;
display: block;
}
.img1{
margin-bottom: 49px;
}
.img2{
width: 154px;
}
.img3{
width: 201px;
}
.img5{
margin-top: 53px;
}
.img9{
margin-top: 35px;
}
ul{
padding: 23px 0 39px 0;
display: flex;
flex-wrap: wrap;
li{
margin-right: 5px;
margin-bottom: 5px;
width: 265px;
height: 140px;
position: relative;
img{
width: 100%;
height: 100%;
display: block;
}
.pop-txt{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 20px;
font-weight: 500;
line-height: 140px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0);
text-align: center;
&:hover{
background: rgba(0, 0, 0, 0.3);
}
}
}
}
}
}
}
}
</style>
pages/services/job.vue 0 → 100644
浏览文件 @ 911ed91b
<template>
<div class="occupation-content">
<div class="mian-title">新职业</div>
<div class="mian">
<div class="occupation-content-mian">
<div class="module-1 module-content-box">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-banner.jpg" alt="" class="banner">
<div class="content-mian">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i1.png" alt="" class="img1">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i2.png" alt="" class="img2">
<div class="cont-hover">
<div class="top">
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly1.jpg" alt="">
<div class="pop">金融财经类</div>
</div>
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly2.png" alt="">
<div class="pop">数字化营销类</div>
</div>
</div>
<div class="bottom">
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly3.png" alt="">
<div class="pop">金融财经类</div>
</div>
<div class="li">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-ly4.png" alt="">
<div class="pop">数字化营销类</div>
</div>
<li class="li">……</li>
</div>
</div>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i3.png" alt="" class="img3">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i4.png" alt="" class="img4">
<!-- <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i3.png" alt="" class="img5"> -->
<ul>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy1.jpg" alt="">
<div class="pop">金融产品数字化营销</div>
</li>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy2.jpg" alt="">
<div class="pop">互联网营销师</div>
</li>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy3.jpg" alt="">
<div class="pop">数字化营销师</div>
</li>
<li>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-zy4.jpg" alt="">
<div class="pop">全媒体运营师</div>
</li>
</ul>
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/occ-i5.png" alt="" class="img5">
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
components: {
},
data() {
return {
module2: {
list: [
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb1.jpg', text: '数字化营销' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb2.jpg', text: '数字化运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb3.jpg', text: '智能投顾' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb4.jpg', text: '风险管理' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb5.jpg', text: '金融数据分析' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb6.jpg', text: '财务会计' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb7.jpg', text: '金融建模' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m2-mb8.jpg', text: '投资分析' }
]
},
module3: {
list: [
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb1.jpg', text: '数字化运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb2.jpg', text: '广告策划' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb3.jpg', text: '媒体公共' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb4.jpg', text: '营销策划' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb5.jpg', text: '渠道管理' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb6.jpg', text: '品牌管理运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb7.jpg', text: '产品设计' }
],
list2: [
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb2-1.jpg', text: '互联网运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb2-2.jpg', text: '新媒体运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb2-3.jpg', text: '网站运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb2-4.jpg', text: '电商运营' },
{ image: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/college-m3-mb2-5.jpg', text: '活动策划运营' }
]
},
tabList: [
{
name: '现代产业学院'
},
{
name: '数字金融'
},
{
name: '国际品牌管理<br />与新媒体运营'
}
],
showModule: 0
}
},
methods: {
tabChangeIndex(n) {
this.showModule = n
}
},
computed: {
m1SetStyle() {
return (url) => {
return `background: url(${url});background-size: 100% 100%`
}
}
}
}
</script>
<style lang="scss" scoped>
.occupation-content{
width: 1200px;
margin: 0 auto;
padding-bottom: 100px;
.mian{
display: flex;
justify-content: space-between;
}
.mian-title{
font-size: 28px;
font-weight: 500;
line-height: 100%;
color: #AA1941;
padding: 48px 0 31px;
}
.occupation-content-mian{
width: 1200px;
.module-content-box{
background: #fff;
.banner{
width: 100%;
height: 320px;
display: block;
}
}
.module-1{
.content-mian{
padding: 60px 50px 65px;
.img1{
width: 100%;
display: block;
margin-bottom: 49px;
}
.img2{
width: 154px;
display: block;
}
.img3{
width: 100%;
display: block;
margin-top: 27px;
}
.img4{
width: 176px;
display: block;
margin-top: 27px;
}
.img5{
width: 342px;
display: block;
margin-top: 32px;
}
.cont-hover{
padding-top: 26px;
.top{
display: flex;
.li{
width: 723px;
height: 361px;
position: relative;
img{
width: 100%;
height: 100%;
display: block;
}
&:nth-child(2){
width: 360px;
}
.pop{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
line-height: 361px;
font-size: 26px;
&:hover{
background: rgba(0, 0, 0, 0.35);
}
}
}
}
.bottom{
display: flex;
.li{
width: 361px;
height: 361px;
position: relative;
&:nth-child(3){
width: 361px;
height: 361px;
background: #F9F8F8;
font-size: 26px;
font-weight: 500;
line-height: 361px;
text-align: center;
color: #777777;
}
img{
width: 100%;
height: 100%;
display: block;
}
.pop{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
line-height: 361px;
font-size: 26px;
&:hover{
background: rgba(0, 0, 0, 0.35);
}
}
}
}
}
ul{
display: flex;
padding-top: 14px;
li{
width: 270px;
height: 356px;
position: relative;
img{
width: 100%;
height: 100%;
display: block;
}
.pop{
width: 100%;
height: 100%;
color: #fff;
position: absolute;
top: 0;
left: 0;
text-align: center;
line-height: 356px;
font-size: 20px;
background: rgba(0, 0, 0, 0);
&:hover{
background: rgba(0, 0, 0, 0.39);
}
}
}
}
}
}
}
}
</style>
pages/services/major.vue
浏览文件 @ 911ed91b
差异被折叠。
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论