Skip to content

P
project-www-pc
提交 e5a22b4e authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

bug fixes

上级 46a2b1d6
隐藏空白字符变更
内嵌 并排
正在显示 包含 186 行增加 和 190 行删除
.nuxt/components/index.js
浏览文件 @ e5a22b4e
......@@ -3,13 +3,13 @@ import { wrapFunctional } from './utils'
export { default as Foot } from '../../components/Foot.vue'
export { default as Head } from '../../components/Head.vue'
export { default as Link } from '../../components/Link.vue'
export { default as RightAside } from '../../components/RightAside.vue'
export { default as RightAside } from '../../components/rightAside.vue'
export { default as AlumnusParty } from '../../components/alumnus/party.vue'
export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.vue'
export { default as AboutContact } from '../../components/about/contact.vue'
export { default as AboutCulture } from '../../components/about/culture.vue'
export { default as AboutIntroduce } from '../../components/about/introduce.vue'
export { default as AboutTabNav } from '../../components/about/tabNav.vue'
export { default as AlumnusParty } from '../../components/alumnus/party.vue'
export { default as AlumnusTabNav } from '../../components/alumnus/tabNav.vue'
export { default as HomeAlumniStories } from '../../components/home/alumniStories.vue'
export { default as HomeBanner } from '../../components/home/banner.vue'
export { default as HomeDegreeEducation } from '../../components/home/degreeEducation.vue'
......@@ -23,13 +23,13 @@ export { default as ServicesTab } from '../../components/services/tab.vue'
export const LazyFoot = import('../../components/Foot.vue' /* webpackChunkName: "components/foot" */).then(c => wrapFunctional(c.default || c))
export const LazyHead = import('../../components/Head.vue' /* webpackChunkName: "components/head" */).then(c => wrapFunctional(c.default || c))
export const LazyLink = import('../../components/Link.vue' /* webpackChunkName: "components/link" */).then(c => wrapFunctional(c.default || c))
export const LazyRightAside = import('../../components/RightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c))
export const LazyRightAside = import('../../components/rightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c))
export const LazyAlumnusParty = import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c))
export const LazyAlumnusTabNav = import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutContact = import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutCulture = import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutIntroduce = import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c))
export const LazyAboutTabNav = import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c))
export const LazyAlumnusParty = import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c))
export const LazyAlumnusTabNav = import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeAlumniStories = import('../../components/home/alumniStories.vue' /* webpackChunkName: "components/home-alumni-stories" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeBanner = import('../../components/home/banner.vue' /* webpackChunkName: "components/home-banner" */).then(c => wrapFunctional(c.default || c))
export const LazyHomeDegreeEducation = import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c))
......
.nuxt/components/plugin.js
浏览文件 @ e5a22b4e
......@@ -5,13 +5,13 @@ const components = {
Foot: () => import('../../components/Foot.vue' /* webpackChunkName: "components/foot" */).then(c => wrapFunctional(c.default || c)),
Head: () => import('../../components/Head.vue' /* webpackChunkName: "components/head" */).then(c => wrapFunctional(c.default || c)),
Link: () => import('../../components/Link.vue' /* webpackChunkName: "components/link" */).then(c => wrapFunctional(c.default || c)),
RightAside: () => import('../../components/RightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c)),
RightAside: () => import('../../components/rightAside.vue' /* webpackChunkName: "components/right-aside" */).then(c => wrapFunctional(c.default || c)),
AlumnusParty: () => import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c)),
AlumnusTabNav: () => import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c)),
AboutContact: () => import('../../components/about/contact.vue' /* webpackChunkName: "components/about-contact" */).then(c => wrapFunctional(c.default || c)),
AboutCulture: () => import('../../components/about/culture.vue' /* webpackChunkName: "components/about-culture" */).then(c => wrapFunctional(c.default || c)),
AboutIntroduce: () => import('../../components/about/introduce.vue' /* webpackChunkName: "components/about-introduce" */).then(c => wrapFunctional(c.default || c)),
AboutTabNav: () => import('../../components/about/tabNav.vue' /* webpackChunkName: "components/about-tab-nav" */).then(c => wrapFunctional(c.default || c)),
AlumnusParty: () => import('../../components/alumnus/party.vue' /* webpackChunkName: "components/alumnus-party" */).then(c => wrapFunctional(c.default || c)),
AlumnusTabNav: () => import('../../components/alumnus/tabNav.vue' /* webpackChunkName: "components/alumnus-tab-nav" */).then(c => wrapFunctional(c.default || c)),
HomeAlumniStories: () => import('../../components/home/alumniStories.vue' /* webpackChunkName: "components/home-alumni-stories" */).then(c => wrapFunctional(c.default || c)),
HomeBanner: () => import('../../components/home/banner.vue' /* webpackChunkName: "components/home-banner" */).then(c => wrapFunctional(c.default || c)),
HomeDegreeEducation: () => import('../../components/home/degreeEducation.vue' /* webpackChunkName: "components/home-degree-education" */).then(c => wrapFunctional(c.default || c)),
......
.nuxt/components/readme.md
浏览文件 @ e5a22b4e
......@@ -9,13 +9,13 @@ You can directly use them in pages and other components without the need to impo
- `<Foot>` | `<foot>` (components/Foot.vue)
- `<Head>` | `<head>` (components/Head.vue)
- `<Link>` | `<link>` (components/Link.vue)
- `<RightAside>` | `<right-aside>` (components/RightAside.vue)
- `<RightAside>` | `<right-aside>` (components/rightAside.vue)
- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
- `<AboutContact>` | `<about-contact>` (components/about/contact.vue)
- `<AboutCulture>` | `<about-culture>` (components/about/culture.vue)
- `<AboutIntroduce>` | `<about-introduce>` (components/about/introduce.vue)
- `<AboutTabNav>` | `<about-tab-nav>` (components/about/tabNav.vue)
- `<AlumnusParty>` | `<alumnus-party>` (components/alumnus/party.vue)
- `<AlumnusTabNav>` | `<alumnus-tab-nav>` (components/alumnus/tabNav.vue)
- `<HomeAlumniStories>` | `<home-alumni-stories>` (components/home/alumniStories.vue)
- `<HomeBanner>` | `<home-banner>` (components/home/banner.vue)
- `<HomeDegreeEducation>` | `<home-degree-education>` (components/home/degreeEducation.vue)
......
.nuxt/index.js
浏览文件 @ e5a22b4e
......@@ -12,7 +12,7 @@ import { setContext, getLocation, getRouteData, normalizeError } from './utils'
/* Plugins */
import nuxt_plugin_plugin_430d6d16 from 'nuxt_plugin_plugin_430d6d16' // Source: ./components/plugin.js (mode: 'all')
import nuxt_plugin_plugin_f1f94936 from 'nuxt_plugin_plugin_f1f94936' // Source: ./components/plugin.js (mode: 'all')
import nuxt_plugin_axios_2228ef02 from 'nuxt_plugin_axios_2228ef02' // Source: ../plugins/axios (mode: 'all')
import nuxt_plugin_elementui_d905880e from 'nuxt_plugin_elementui_d905880e' // Source: ../plugins/element-ui (mode: 'all')
import nuxt_plugin_vueswiper_9e702eda from 'nuxt_plugin_vueswiper_9e702eda' // Source: ../plugins/vue-swiper.js (mode: 'client')
......@@ -179,8 +179,8 @@ async function createApp(ssrContext, config = {}) {
}
// Plugin execution
if (typeof nuxt_plugin_plugin_430d6d16 === 'function') {
await nuxt_plugin_plugin_430d6d16(app.context, inject)
if (typeof nuxt_plugin_plugin_f1f94936 === 'function') {
await nuxt_plugin_plugin_f1f94936(app.context, inject)
}
if (typeof nuxt_plugin_axios_2228ef02 === 'function') {
......
.nuxt/router.js
浏览文件 @ e5a22b4e
......@@ -4,17 +4,17 @@ import { normalizeURL, decode } from 'ufo'
import { interopDefault } from './utils'
import scrollBehavior from './router.scrollBehavior.js'
const _2dc5f64c = () => interopDefault(import('../pages/alumnus/index.vue' /* webpackChunkName: "pages/alumnus/index" */))
const _44b59cfe = () => interopDefault(import('../pages/about/contact.vue' /* webpackChunkName: "pages/about/contact" */))
const _10a7578c = () => interopDefault(import('../pages/about/culture.vue' /* webpackChunkName: "pages/about/culture" */))
const _23d2f0fd = () => interopDefault(import('../pages/about/introduce.vue' /* webpackChunkName: "pages/about/introduce" */))
const _3de88228 = () => interopDefault(import('../pages/about/news/index.vue' /* webpackChunkName: "pages/about/news/index" */))
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 _aafe22e0 = () => interopDefault(import('../pages/about/news/_id.vue' /* webpackChunkName: "pages/about/news/_id" */))
const _4d95ac32 = () => interopDefault(import('../pages/index.vue' /* webpackChunkName: "pages/index" */))
const _57a4425d = () => interopDefault(import('../pages/alumnus/index.vue' /* webpackChunkName: "pages/alumnus/index" */))
const _6e93e90f = () => interopDefault(import('../pages/about/contact.vue' /* webpackChunkName: "pages/about/contact" */))
const _3a85a39d = () => interopDefault(import('../pages/about/culture.vue' /* webpackChunkName: "pages/about/culture" */))
const _4f4e7cce = () => interopDefault(import('../pages/about/introduce.vue' /* webpackChunkName: "pages/about/introduce" */))
const _fc431f12 = () => interopDefault(import('../pages/about/news/index.vue' /* webpackChunkName: "pages/about/news/index" */))
const _3ab33805 = () => interopDefault(import('../pages/services/college.vue' /* webpackChunkName: "pages/services/college" */))
const _ec7b1d24 = () => interopDefault(import('../pages/services/employment.vue' /* webpackChunkName: "pages/services/employment" */))
const _340d0a2b = () => interopDefault(import('../pages/services/job.vue' /* webpackChunkName: "pages/services/job" */))
const _ed96eeb2 = () => interopDefault(import('../pages/services/major.vue' /* webpackChunkName: "pages/services/major" */))
const _8727b6c2 = () => interopDefault(import('../pages/about/news/_id.vue' /* webpackChunkName: "pages/about/news/_id" */))
const _43259943 = () => interopDefault(import('../pages/index.vue' /* webpackChunkName: "pages/index" */))
const emptyFn = () => {}
......@@ -29,47 +29,47 @@ export const routerOptions = {
routes: [{
path: "/alumnus",
component: _2dc5f64c,
component: _57a4425d,
name: "alumnus"
}, {
path: "/about/contact",
component: _44b59cfe,
component: _6e93e90f,
name: "about-contact"
}, {
path: "/about/culture",
component: _10a7578c,
component: _3a85a39d,
name: "about-culture"
}, {
path: "/about/introduce",
component: _23d2f0fd,
component: _4f4e7cce,
name: "about-introduce"
}, {
path: "/about/news",
component: _3de88228,
component: _fc431f12,
name: "about-news"
}, {
path: "/services/college",
component: _12856c94,
component: _3ab33805,
name: "services-college"
}, {
path: "/services/employment",
component: _3cf993c6,
component: _ec7b1d24,
name: "services-employment"
}, {
path: "/services/job",
component: _5bfd9c5c,
component: _340d0a2b,
name: "services-job"
}, {
path: "/services/major",
component: _77495298,
component: _ed96eeb2,
name: "services-major"
}, {
path: "/about/news/:id",
component: _aafe22e0,
component: _8727b6c2,
name: "about-news-id"
}, {
path: "/",
component: _4d95ac32,
component: _43259943,
name: "index"
}],
......
.nuxt/routes.json
浏览文件 @ e5a22b4e
......@@ -2,78 +2,78 @@
{
"name": "alumnus",
"path": "/alumnus",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/alumnus/index.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/alumnus/index.vue",
"chunkName": "pages/alumnus/index",
"_name": "_2dc5f64c"
"_name": "_57a4425d"
},
{
"name": "about-contact",
"path": "/about/contact",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/contact.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/about/contact.vue",
"chunkName": "pages/about/contact",
"_name": "_44b59cfe"
"_name": "_6e93e90f"
},
{
"name": "about-culture",
"path": "/about/culture",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/culture.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/about/culture.vue",
"chunkName": "pages/about/culture",
"_name": "_10a7578c"
"_name": "_3a85a39d"
},
{
"name": "about-introduce",
"path": "/about/introduce",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/introduce.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/about/introduce.vue",
"chunkName": "pages/about/introduce",
"_name": "_23d2f0fd"
"_name": "_4f4e7cce"
},
{
"name": "about-news",
"path": "/about/news",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/news/index.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/about/news/index.vue",
"chunkName": "pages/about/news/index",
"_name": "_3de88228"
"_name": "_fc431f12"
},
{
"name": "services-college",
"path": "/services/college",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/college.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/services/college.vue",
"chunkName": "pages/services/college",
"_name": "_12856c94"
"_name": "_3ab33805"
},
{
"name": "services-employment",
"path": "/services/employment",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/employment.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/services/employment.vue",
"chunkName": "pages/services/employment",
"_name": "_3cf993c6"
"_name": "_ec7b1d24"
},
{
"name": "services-job",
"path": "/services/job",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/job.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/services/job.vue",
"chunkName": "pages/services/job",
"_name": "_5bfd9c5c"
"_name": "_340d0a2b"
},
{
"name": "services-major",
"path": "/services/major",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/services/major.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/services/major.vue",
"chunkName": "pages/services/major",
"_name": "_77495298"
"_name": "_ed96eeb2"
},
{
"name": "about-news-id",
"path": "/about/news/:id",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/about/news/_id.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/about/news/_id.vue",
"chunkName": "pages/about/news/_id",
"_name": "_aafe22e0"
"_name": "_8727b6c2"
},
{
"name": "index",
"path": "/",
"component": "/Users/lihui/Desktop/H/ezijing/guangwangAndXiangmuzhan/ezijing-www-pc/pages/index.vue",
"component": "/Users/max/gitlab/ezijing-www-pc/pages/index.vue",
"chunkName": "pages/index",
"_name": "_4d95ac32"
"_name": "_43259943"
}
]
.nuxt/vetur/tags.json
浏览文件 @ e5a22b4e
......@@ -9,7 +9,13 @@
"description": "Auto imported from components/Link.vue"
},
"RightAside": {
"description": "Auto imported from components/RightAside.vue"
"description": "Auto imported from components/rightAside.vue"
},
"AlumnusParty": {
"description": "Auto imported from components/alumnus/party.vue"
},
"AlumnusTabNav": {
"description": "Auto imported from components/alumnus/tabNav.vue"
},
"AboutContact": {
"description": "Auto imported from components/about/contact.vue"
......@@ -23,12 +29,6 @@
"AboutTabNav": {
"description": "Auto imported from components/about/tabNav.vue"
},
"AlumnusParty": {
"description": "Auto imported from components/alumnus/party.vue"
},
"AlumnusTabNav": {
"description": "Auto imported from components/alumnus/tabNav.vue"
},
"HomeAlumniStories": {
"description": "Auto imported from components/home/alumniStories.vue"
},
......
components/home/openClass.vue
浏览文件 @ e5a22b4e
......@@ -29,7 +29,7 @@
<div class="title">{{ item.title }}</div>
<div class="con-txt">{{ item.abstract }}</div>
<div class="info-box">
<div class="time">{{ item.updated_at.slice(0, item.updated_at.indexOf(' ')) }}</div>
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="look-num">
<div class="icon"></div>
<div class="num">{{ item.remarks }}</div>
......@@ -84,6 +84,10 @@ export default {
dom.style.display = 'block'
dom2.style.display = 'block'
dom3.style.display = 'none'
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
}
}
}
......
components/home/projectNotice.vue
浏览文件 @ e5a22b4e
......@@ -5,9 +5,7 @@
<div class="line"></div>
<div class="text">项目公告</div>
</div>
<div class="right-text" @click="$router.push({ path: '/about/news' })">
查看更多+
</div>
<div class="right-text" @click="$router.push({ path: '/about/news' })">查看更多+</div>
</div>
<div class="news-content">
<div class="left-content">
......@@ -18,7 +16,7 @@
<div class="time">3月23日</div>
</div>
<div class="li">
<div class="txt">酒店管理HMBA<br />报名截止日 </div>
<div class="txt">酒店管理HMBA<br />报名截止日</div>
<div class="time">4月10日</div>
</div>
</div>
......@@ -26,16 +24,11 @@
<div class="right-content">
<ul>
<template v-for="(item, index) in listData">
<app-link :key="index" :item="{
news: {
data: item,
path: '/about/news'
}
}">
<app-link :key="index" :item="{ news: { data: item, path: '/about/news' } }">
<li>
<div class="time-block">
<div class="m-time">{{ item.dateMonth }}</div>
<div class="t-time">{{ item.dateYear }}</div>
<div class="m-time">{{ formatMD(item.start_time) }}</div>
<div class="t-time">{{ formatYY(item.start_time) }}</div>
</div>
<div class="text">{{ item.title }}</div>
</li>
......@@ -49,9 +42,7 @@
<script>
import appLink from '@/components/Link'
export default {
components: {
appLink
},
components: { appLink },
data() {
return {
listData: []
......@@ -64,36 +55,37 @@ export default {
page: 1,
limit: 3
}
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => {
const data = []
console.log(res)
res.data.data.map((item, index) => {
if (index < 3) {
item.dateYear = item.created_at.slice(0, 4)
item.dateMonth = item.created_at.slice(5, 10).replace('-', '/')
data.push(item)
}
})
return data
})
this.listData = await this.$axios.get('/api/cms/api/v1/articles', { params }).then(res => res.data.data)
},
methods: {
// 2021
formatYY(value) {
const date = new Date(value * 1000)
return date.getFullYear()
},
// 2/14
formatMD(value) {
const date = new Date(value * 1000)
return date.getMonth() + 1 + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.notice-content{
.notice-content {
padding-top: 80px;
width: 1200px;
margin: 0 auto;
.title-content{
.title-content {
display: flex;
.left-title{
.left-title {
display: flex;
.line{
.line {
width: 6px;
height: 34px;
background: #AA1941;
background: #aa1941;
}
.text{
.text {
font-size: 34px;
font-weight: bold;
line-height: 34px;
......@@ -101,27 +93,27 @@ export default {
margin-left: 9px;
}
}
.right-text{
.right-text {
margin-left: auto;
margin-top: 18px;
font-size: 16px;
font-weight: 300;
line-height: 34px;
color: #9B9B9B;
color: #9b9b9b;
cursor: pointer;
}
}
.news-content{
.news-content {
margin-top: 15px;
display: flex;
.left-content{
.left-content {
width: 771px;
height: 282px;
background: #FFFFFF;
background: #ffffff;
box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.03);
padding: 72px 88px 72px 74px;
display: flex;
.tit{
.tit {
font-size: 34px;
font-weight: 500;
line-height: 51px;
......@@ -129,20 +121,20 @@ export default {
padding-top: 29px;
text-align: center;
}
.list{
.list {
width: 378px;
margin-left: 60px;
transform: translateY(-15px);
.li{
.li {
display: flex;
align-items: center;
padding-top: 28px;
&:nth-child(1){
&:nth-child(1) {
border-bottom: 1px solid #999999;
padding-bottom: 35px;
padding-top: 0;
}
.txt{
.txt {
width: 188px;
font-size: 18px;
font-weight: 400;
......@@ -150,58 +142,58 @@ export default {
color: #424242;
text-align: center;
}
.time{
.time {
font-size: 30px;
font-weight: bold;
line-height: 60px;
color: #AA1941;
color: #aa1941;
margin-left: 40px;
}
}
}
}
.right-content{
.right-content {
margin-left: auto;
ul{
li{
ul {
li {
display: flex;
padding: 19px 0 15px;
align-items: center;
border-top: 1px solid #E3E3E3;
border-top: 1px solid #e3e3e3;
cursor: pointer;
&:nth-child(1){
&:nth-child(1) {
border: none;
}
&:hover{
.text{
color: #AA1941;
&:hover {
.text {
color: #aa1941;
}
}
.time-block{
.time-block {
width: 76px;
height: 58px;
background: #AA1941;
border: 10px solid #AA1941;
background: #aa1941;
border: 10px solid #aa1941;
border-radius: 5px;
.m-time{
.m-time {
font-size: 18px;
font-family: Helvetica Neue LT Pro;
font-weight: normal;
// line-height: 53px;
color: #FFFFFF;
color: #ffffff;
opacity: 0.8;
text-align: center;
}
.t-time{
.t-time {
font-size: 14px;
font-weight: normal;
line-height: 15px;
color: #FFFFFF;
color: #ffffff;
opacity: 0.8;
text-align: center;
}
}
.text{
.text {
width: 275px;
font-size: 18px;
line-height: 24px;
......
pages/about/news/_id.vue
浏览文件 @ e5a22b4e
......@@ -6,7 +6,7 @@
<div class="el-icon-arrow-left"></div>
<div class="text">返回</div>
</div>
<div class="times">{{ data.created_at }}</div>
<div class="times">{{ formatDate(data.start_time) }}</div>
<div class="titles">{{ data.title }}</div>
<div class="article-content" v-html="data.content"></div>
<div class="recommend-content">
......@@ -16,11 +16,8 @@
</div>
<ul class="list-box">
<li v-for="(item, index) in listData" :key="index">
<a
:target="item.uri !== '' ? '_blank' : '_self'"
:href="item.uri ? item.uri : `/about/news/${item.id}`"
>
<img :src="item.web_img_uri" alt="">
<a :target="item.uri !== '' ? '_blank' : '_self'" :href="item.uri ? item.uri : `/about/news/${item.id}`">
<img :src="item.web_img_uri" alt="" />
<div class="dec">{{ item.title }}</div>
</a>
</li>
......@@ -36,7 +33,7 @@ export default {
components: {
tab
},
data () {
data() {
return {
data: {},
listData: []
......@@ -56,8 +53,7 @@ export default {
})
})
},
mounted () {
},
mounted() {},
methods: {
goPage(item) {
if (item.source === '') {
......@@ -71,93 +67,96 @@ export default {
} else {
window.open(item.source)
}
},
formatDate(value) {
const date = new Date(value * 1000)
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.news-content{
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.detail-content-box{
.detail-content-box {
width: 1000px;
background: #fff;
padding: 50px 50px 94px;
box-sizing: border-box;
margin-bottom: 100px;
.back-btn{
.back-btn {
display: flex;
align-items: center;
cursor: pointer;
.el-icon-arrow-left{
.el-icon-arrow-left {
color: rgba(153, 153, 153, 1);
font-size: 16px;
}
.text{
.text {
font-size: 16px;
color: #999999;
}
}
.times{
.times {
font-size: 16px;
line-height: 100%;
margin: 35px 0 16px;
color: #999999;
}
.titles{
.titles {
font-size: 32px;
font-weight: bold;
color: #141414;
// height: 62px;
border-bottom: 1px solid #E6E6E6;
border-bottom: 1px solid #e6e6e6;
// line-height: 100%;
padding-bottom: 10px;
}
.article-content{
.article-content {
padding-top: 25px;
font-size: 14px;
line-height: 28px;
color: #333333;
img{
img {
display: block;
width: 100%;
margin-top: 40px;
}
}
.recommend-content{
border-top: 1px solid #E6E6E6;
.recommend-content {
border-top: 1px solid #e6e6e6;
padding-top: 37px;
.titles{
.titles {
display: flex;
align-items: center;
.line{
.line {
width: 6px;
height: 22px;
background: #AA1941;
background: #aa1941;
}
.text{
.text {
font-size: 22px;
color: #333333;
margin-left: 10px;
}
}
.list-box{
.list-box {
margin-top: 50px;
display: flex;
justify-content: space-between;
li{
li {
width: 280px;
img{
img {
width: 280px;
height: 184px;
display: block;
}
.dec{
.dec {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
......@@ -170,12 +169,12 @@ export default {
}
}
}
.more-btn{
.more-btn {
position: relative;
z-index: 999;
width: 164px;
height: 40px;
border: 1px solid #D3D3D3;
border: 1px solid #d3d3d3;
border-radius: 8px;
line-height: 40px;
text-align: center;
......
pages/about/news/index.vue
浏览文件 @ e5a22b4e
......@@ -2,19 +2,18 @@
<div class="news-content">
<tab />
<div class="news-content-box">
<img src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png" alt="" class="banner">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/a72ef577c9bae694c6bfc33e5bfc93af.png"
alt=""
class="banner"
/>
<ul class="list-content">
<template v-for="(item, index) in listData">
<li :key="index">
<app-link :item="{
news: {
data: item,
path: '/about/news'
}
}">
<img :src="item.web_img_uri" alt="">
<app-link :item="{ news: { data: item, path: '/about/news' } }">
<img :src="item.web_img_uri" alt="" />
<div class="right-con">
<div class="time">{{ item.created_at }}</div>
<div class="time">{{ formatDate(item.start_time) }}</div>
<div class="title">{{ item.title }}</div>
<div class="text">{{ item.abstract }}</div>
</div>
......@@ -29,10 +28,7 @@
import appLink from '@/components/Link'
import tab from '@/components/about/tabNav'
export default {
components: {
tab,
appLink
},
components: { tab, appLink },
data() {
return {
listData: []
......@@ -48,63 +44,68 @@ export default {
})
},
methods: {
formatDate(value) {
const date = new Date(value * 1000)
console.log(date.getMonth())
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
}
}
}
</script>
<style lang="scss" scoped>
.news-content{
.news-content {
width: 1200px;
margin: 0 auto;
padding-top: 63px;
display: flex;
justify-content: space-between;
}
.news-content-box{
.news-content-box {
width: 1000px;
padding-bottom: 100px;
display: block;
.banner{
.banner {
width: 100%;
display: block;
}
.list-content{
.list-content {
width: 1000px;
padding: 50px;
background: #fff;
li{
border-bottom: 1px solid #E6E6E6;
li {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
padding-bottom: 36px;
cursor: pointer;
::v-deep a{
::v-deep a {
display: flex;
flex-wrap: wrap;
}
&:hover{
.right-con{
background: rgba(241,241,241, 0.6);
.text{
&:hover {
.right-con {
background: rgba(241, 241, 241, 0.6);
.text {
color: #141414;
}
}
}
img{
img {
width: 320px;
height: 210px;
display: block;
}
.right-con{
.right-con {
width: 550px;
margin-left: 15px;
padding-left: 15px;
.time{
.time {
font-size: 16px;
font-weight: 300;
line-height: 100%;
color: #AA1941;
color: #aa1941;
padding-top: 13px;
}
.title{
.title {
font-size: 22px;
font-weight: bold;
line-height: 32px;
......@@ -116,7 +117,7 @@ export default {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text{
.text {
font-size: 14px;
font-weight: 300;
line-height: 24px;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论