提交 6d60f62d authored 作者: lihuihui's avatar lihuihui

修改样式

上级 3c1665b5
......@@ -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": {
......@@ -9935,7 +9935,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": {
......
import BaseAPI from './base_api'
export default class ScoreAPI extends BaseAPI {
//zws/v1/cms/news
/**
* zws项目内容获取
*/
getContent = name =>
this.get(
`zws/v1/cms/projects/1000/contents/${encodeURIComponent(decodeURIComponent(name))}?sites=sofia.ezijing.com`,
{}
)
/**
* zws新闻/消息获取
*/
getNews = (obj = {}) => this.get('/zws/v1/cms/news', obj, {})
/**
* 获取当前状态值
* project_id [int] 项目id
*/
getStatus = (obj = {}) => this.get('zws/v1/enrollment/submissions', obj, {})
/**
* 获取测评系统测试地址
*/
getexamTestUrl = () => this.get('usercenter/v1/evaluation/get-address', {}, {})
}
......@@ -25,7 +25,7 @@ export default {
data() {
const _this = this
return {
swiperList: ['https://zws-imgs-pub.ezijing.com/static/public/097c7cf05ebd01ac34743c50fb0ed9f1.png'],
swiperList: ['https://zws-imgs-pub.ezijing.com/static/public/c3df881e988a4faed2a92fa9c5e358ad.jpg'],
swiperOptions: {
on: {
slideChangeTransitionStart: function() {
......
......@@ -6,6 +6,9 @@
<img src="https://zws-imgs-pub.ezijing.com/static/public/a2b3f14fbc0bdbba1d9d227c990575ab.png" alt="">
<div class="cursor" @click="goPage('https://vslc.ncb.edu.cn/child-orgInfo?orgCode=330220946', 1)"></div>
<div class="cursor2" @click="goPage('https://vslc.ncb.edu.cn/child-orgInfo?orgCode=330220946', 1)"></div>
<div class="btn1" @click="goPage('https://zws-imgs-pub.ezijing.com/static/public/c1c74b9c5bf6b2f51d7b5545a9a963ef.docx', 1)"></div>
<div class="btn2" @click="goPage('https://zws-imgs-pub.ezijing.com/static/public/3a959d34c5af16299d64841bf5ca542c.docx', 1)"></div>
<div class="btn3" @click="goPage('https://zws-imgs-pub.ezijing.com/static/public/7585d6fd4f13ce6551820ae272c12ca1.docx', 1)"></div>
</div>
<!-- <div class="p">
<span>考试报名对象:</span>
......@@ -170,6 +173,7 @@ export default {
.candida-box{
.module1{
padding-top: 37px;
position: relative;
.title{
font-size: 24px;
font-weight: bold;
......@@ -202,6 +206,33 @@ export default {
// background: rgba(0,0,0,0.3);
cursor: pointer;
}
.btn1{
position: absolute;
top: 250px;
left: 170px;
width: 70px;
height: 30px;
// background: rgba(0,0,0,0.3);
cursor: pointer;
}
.btn2{
position: absolute;
top: 285px;
left: 170px;
width: 70px;
height: 30px;
// background: rgba(0,0,0,0.3);
cursor: pointer;
}
.btn3{
position: absolute;
top: 325px;
left: 170px;
width: 70px;
height: 30px;
// background: rgba(0,0,0,0.3);
cursor: pointer;
}
}
.p{
font-size: 18px;
......
......@@ -100,7 +100,10 @@
<template v-if="index >= 0 && index <= 3">
<router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index">
<li>
<div class="text">{{ item.title }}</div>
<div class="text">
<div class="p">{{ item.title }}</div>
<div class="time">{{ item.created_at.substring(item.created_at.indexOf(' '), 0) }}</div>
</div>
</li>
</router-link>
</template>
......@@ -116,7 +119,7 @@
<div class="text cen" @click="goNewsPage">更多通知</div>
</li>
</ul>
<div class="slide-box" v-if="swiperList.length">
<!-- <div class="slide-box" v-if="swiperList.length">
<swiper ref="mySwiper" :options="swiperOptions" class="item-swiper">
<swiper-slide v-for="(item, index) in swiperList" :key="index">
<router-link :to="`/news/detail?id=${item.id}&type=home`">
......@@ -130,11 +133,11 @@
<span v-for="(item, index) in swiperList" :key="index" :class="index == swiperIndex && 'active'"></span>
</div>
</div>
</div>
</div> -->
</div>
</div>
<div class="advert-box">
<poster/>
<poster v-if="false"/>
<!-- <img src="https://zws-imgs-pub.ezijing.com/static/public/3dceecce8df0a6dcb06d48c75ada807b.png" alt=""> -->
</div>
<div class="service-box content-max-width">
......@@ -144,8 +147,9 @@
<ul>
<template v-for="(item, index) in serviceList">
<li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.img" alt="">
<img :src="item.img" alt="" class="bg">
<div class="mask">
<img :src="item.icon" alt="" class="icon">
<div class="content-box">
<span class="tit">{{ item.title }}</span>
<div class="desc">{{ item.desc }}</div>
......@@ -183,31 +187,35 @@ export default {
newsTabIndex: 0,
serviceList: [
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/5ee4fac97e8f2620d41eaed01900cca5.png',
img: 'https://zws-imgs-pub.ezijing.com/static/public/6b24bc351bcc28b48e2d86bc92f81eab.jpg',
title: '教材中心',
desc: '本系列教材紧跟金融各行业数字化转型和职业教育的人才培养发展的需求,随行业的数字化转型、数字化营销工具和专业升级等情况及时动态更新。......',
path: '/service?id=0'
path: '/service?id=0',
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6f65b37439085217a8ff5f67038821a1.png'
},
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/353c19e26fc2eb0e83c72a7b85ad1475.png',
img: 'https://zws-imgs-pub.ezijing.com/static/public/90cf23d58250bc4959d3e5be66b7c5d1.jpg',
title: '教学资源(老师)',
desc: '',
path: 'https://login.ezijing.com/xlearn/register',
pathType: 1
pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/88a2da98b62ff7426cd0b6a383091f15.png'
},
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/4d5d5ae6f7dd6ffe43c36651e479f4e1.png',
img: 'https://zws-imgs-pub.ezijing.com/static/public/2855f686addf67862a67fc8e4171a5d3.jpg',
title: '课程学习(学生)',
desc: '',
path: 'https://login.ezijing.com/xlearn/register',
pathType: 1
pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/c1c08807bb48275835778286b6482d04.png'
},
{
img: 'https://zws-imgs-pub.ezijing.com/static/public/4ca147e0e490b3c6ada62a831c11e375.png',
img: 'https://zws-imgs-pub.ezijing.com/static/public/c178ccc3e41728ef24037b69e64a892a.jpg',
title: '实操学习',
desc: '',
path: 'http://xtraining.ezijing.com/',
pathType: 1
pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6d6772401687fe44c41bc5832b34ec9e.png'
}
],
examineeNav: [
......@@ -588,7 +596,7 @@ export default {
display: flex;
margin-top: 16px;
.assist-list{
width: 470px;
width: 100%;
background: #FFFFFF;
border-radius: 4px;
a{
......@@ -603,6 +611,7 @@ export default {
// }
}
li{
padding: 0 20px;
&:hover{
background: #A81A42;
border-radius: 4px;
......@@ -615,14 +624,21 @@ export default {
border: none;
}
.text{
width: 423px;
margin: 0 auto;
display: flex;
.p{
width: 800px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.time{
margin-left: auto;
}
// width: 423px;
// margin: 0 auto;
height: 55px;
border-bottom: 1px solid #eee;
line-height: 55px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
font-size: 18px;
color: #444444;
&.cen{
......@@ -706,12 +722,27 @@ export default {
width: 300px;
height: 400px;
position: relative;
.icon{
position: absolute;
top: 66px;
left: 50%;
-webkit-transform: translateX(-50%);
}
.bg{
width: 100%;
height: 100%;
display: block;
}
// transition: all .5s;
&:hover{
.mask{
background: rgba(168,26,66,0.5);
.content-box{
bottom: 20px;
.tit{
color: #fff;
border-bottom: 1px solid #fff;
}
.desc{
display: block;
}
......@@ -729,7 +760,7 @@ export default {
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
// background: rgba(0,0,0,0.5);
.content-box{
position: absolute;
left: 16px;
......@@ -738,9 +769,9 @@ export default {
width: auto;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
color: rgba(175, 28, 64, 1);
line-height: 25px;
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(175, 28, 64, 1);
}
.desc{
width: 212px;
......
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论