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

修改样式

上级 3c1665b5
...@@ -5675,7 +5675,7 @@ ...@@ -5675,7 +5675,7 @@
}, },
"html-tags": { "html-tags": {
"version": "2.0.0", "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=" "integrity": "sha1-ELMKOGCF9Dzt41PMj6fLDe7qZos="
}, },
"html-webpack-plugin": { "html-webpack-plugin": {
...@@ -6638,7 +6638,7 @@ ...@@ -6638,7 +6638,7 @@
}, },
"lodash.kebabcase": { "lodash.kebabcase": {
"version": "4.1.1", "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=" "integrity": "sha1-hImxyw0p/4gZXM7KRI/21swpXDY="
}, },
"loglevel": { "loglevel": {
...@@ -9935,7 +9935,7 @@ ...@@ -9935,7 +9935,7 @@
}, },
"svg-tags": { "svg-tags": {
"version": "1.0.0", "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=" "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q="
}, },
"swiper": { "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 { ...@@ -25,7 +25,7 @@ export default {
data() { data() {
const _this = this const _this = this
return { return {
swiperList: ['https://zws-imgs-pub.ezijing.com/static/public/097c7cf05ebd01ac34743c50fb0ed9f1.png'], swiperList: ['https://zws-imgs-pub.ezijing.com/static/public/c3df881e988a4faed2a92fa9c5e358ad.jpg'],
swiperOptions: { swiperOptions: {
on: { on: {
slideChangeTransitionStart: function() { slideChangeTransitionStart: function() {
......
...@@ -6,6 +6,9 @@ ...@@ -6,6 +6,9 @@
<img src="https://zws-imgs-pub.ezijing.com/static/public/a2b3f14fbc0bdbba1d9d227c990575ab.png" alt=""> <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="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="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>
<!-- <div class="p"> <!-- <div class="p">
<span>考试报名对象:</span> <span>考试报名对象:</span>
...@@ -170,6 +173,7 @@ export default { ...@@ -170,6 +173,7 @@ export default {
.candida-box{ .candida-box{
.module1{ .module1{
padding-top: 37px; padding-top: 37px;
position: relative;
.title{ .title{
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
...@@ -202,6 +206,33 @@ export default { ...@@ -202,6 +206,33 @@ export default {
// background: rgba(0,0,0,0.3); // background: rgba(0,0,0,0.3);
cursor: pointer; 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{ .p{
font-size: 18px; font-size: 18px;
......
...@@ -100,7 +100,10 @@ ...@@ -100,7 +100,10 @@
<template v-if="index >= 0 && index <= 3"> <template v-if="index >= 0 && index <= 3">
<router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index"> <router-link :to="`/news/detail?id=${item.id}&type=home&tabs=${newsTabIndex}`" :key="index">
<li> <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> </li>
</router-link> </router-link>
</template> </template>
...@@ -116,7 +119,7 @@ ...@@ -116,7 +119,7 @@
<div class="text cen" @click="goNewsPage">更多通知</div> <div class="text cen" @click="goNewsPage">更多通知</div>
</li> </li>
</ul> </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 ref="mySwiper" :options="swiperOptions" class="item-swiper">
<swiper-slide v-for="(item, index) in swiperList" :key="index"> <swiper-slide v-for="(item, index) in swiperList" :key="index">
<router-link :to="`/news/detail?id=${item.id}&type=home`"> <router-link :to="`/news/detail?id=${item.id}&type=home`">
...@@ -130,11 +133,11 @@ ...@@ -130,11 +133,11 @@
<span v-for="(item, index) in swiperList" :key="index" :class="index == swiperIndex && 'active'"></span> <span v-for="(item, index) in swiperList" :key="index" :class="index == swiperIndex && 'active'"></span>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="advert-box"> <div class="advert-box">
<poster/> <poster v-if="false"/>
<!-- <img src="https://zws-imgs-pub.ezijing.com/static/public/3dceecce8df0a6dcb06d48c75ada807b.png" alt=""> --> <!-- <img src="https://zws-imgs-pub.ezijing.com/static/public/3dceecce8df0a6dcb06d48c75ada807b.png" alt=""> -->
</div> </div>
<div class="service-box content-max-width"> <div class="service-box content-max-width">
...@@ -144,8 +147,9 @@ ...@@ -144,8 +147,9 @@
<ul> <ul>
<template v-for="(item, index) in serviceList"> <template v-for="(item, index) in serviceList">
<li :key="index" @click="goPage(item.path, item.pathType)"> <li :key="index" @click="goPage(item.path, item.pathType)">
<img :src="item.img" alt=""> <img :src="item.img" alt="" class="bg">
<div class="mask"> <div class="mask">
<img :src="item.icon" alt="" class="icon">
<div class="content-box"> <div class="content-box">
<span class="tit">{{ item.title }}</span> <span class="tit">{{ item.title }}</span>
<div class="desc">{{ item.desc }}</div> <div class="desc">{{ item.desc }}</div>
...@@ -183,31 +187,35 @@ export default { ...@@ -183,31 +187,35 @@ export default {
newsTabIndex: 0, newsTabIndex: 0,
serviceList: [ serviceList: [
{ {
img: 'https://zws-imgs-pub.ezijing.com/static/public/5ee4fac97e8f2620d41eaed01900cca5.png', img: 'https://zws-imgs-pub.ezijing.com/static/public/6b24bc351bcc28b48e2d86bc92f81eab.jpg',
title: '教材中心', title: '教材中心',
desc: '本系列教材紧跟金融各行业数字化转型和职业教育的人才培养发展的需求,随行业的数字化转型、数字化营销工具和专业升级等情况及时动态更新。......', 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: '教学资源(老师)', title: '教学资源(老师)',
desc: '', desc: '',
path: 'https://login.ezijing.com/xlearn/register', 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: '课程学习(学生)', title: '课程学习(学生)',
desc: '', desc: '',
path: 'https://login.ezijing.com/xlearn/register', 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: '实操学习', title: '实操学习',
desc: '', desc: '',
path: 'http://xtraining.ezijing.com/', path: 'http://xtraining.ezijing.com/',
pathType: 1 pathType: 1,
icon: 'https://zws-imgs-pub.ezijing.com/static/public/6d6772401687fe44c41bc5832b34ec9e.png'
} }
], ],
examineeNav: [ examineeNav: [
...@@ -588,7 +596,7 @@ export default { ...@@ -588,7 +596,7 @@ export default {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
.assist-list{ .assist-list{
width: 470px; width: 100%;
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
a{ a{
...@@ -603,6 +611,7 @@ export default { ...@@ -603,6 +611,7 @@ export default {
// } // }
} }
li{ li{
padding: 0 20px;
&:hover{ &:hover{
background: #A81A42; background: #A81A42;
border-radius: 4px; border-radius: 4px;
...@@ -615,14 +624,21 @@ export default { ...@@ -615,14 +624,21 @@ export default {
border: none; border: none;
} }
.text{ .text{
width: 423px; display: flex;
margin: 0 auto; .p{
height: 55px; width: 800px;
border-bottom: 1px solid #eee;
line-height: 55px;
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
white-space: nowrap; white-space: nowrap;
}
.time{
margin-left: auto;
}
// width: 423px;
// margin: 0 auto;
height: 55px;
border-bottom: 1px solid #eee;
line-height: 55px;
font-size: 18px; font-size: 18px;
color: #444444; color: #444444;
&.cen{ &.cen{
...@@ -706,12 +722,27 @@ export default { ...@@ -706,12 +722,27 @@ export default {
width: 300px; width: 300px;
height: 400px; height: 400px;
position: relative; position: relative;
.icon{
position: absolute;
top: 66px;
left: 50%;
-webkit-transform: translateX(-50%);
}
.bg{
width: 100%;
height: 100%;
display: block;
}
// transition: all .5s; // transition: all .5s;
&:hover{ &:hover{
.mask{ .mask{
background: rgba(168,26,66,0.5); background: rgba(168,26,66,0.5);
.content-box{ .content-box{
bottom: 20px; bottom: 20px;
.tit{
color: #fff;
border-bottom: 1px solid #fff;
}
.desc{ .desc{
display: block; display: block;
} }
...@@ -729,7 +760,7 @@ export default { ...@@ -729,7 +760,7 @@ export default {
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0,0,0,0.5); // background: rgba(0,0,0,0.5);
.content-box{ .content-box{
position: absolute; position: absolute;
left: 16px; left: 16px;
...@@ -738,9 +769,9 @@ export default { ...@@ -738,9 +769,9 @@ export default {
width: auto; width: auto;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: rgba(175, 28, 64, 1);
line-height: 25px; line-height: 25px;
border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(175, 28, 64, 1);
} }
.desc{ .desc{
width: 212px; width: 212px;
......
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论