yujialong 2 years ago
parent f01b497e16
commit b03ad44313
  1. BIN
      src/assets/images/about/6.png
  2. BIN
      src/assets/images/about/7.png
  3. BIN
      src/assets/images/about/8.png
  4. 3
      src/libs/util.js
  5. 2
      src/mixins/article/index.js
  6. 5
      src/pages/article/editor.css
  7. 2
      src/pages/column/index.vue
  8. 11
      src/pages/edu/index.vue
  9. 12
      src/pages/news/index.vue
  10. 3
      src/pages/publish/index.vue
  11. 37
      src/pages/science/index.vue
  12. 4
      src/setting.js

Binary file not shown.

Before

Width:  |  Height:  |  Size: 187 KiB

After

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 211 KiB

After

Width:  |  Height:  |  Size: 332 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 305 KiB

After

Width:  |  Height:  |  Size: 336 KiB

@ -166,7 +166,8 @@ const util = {
// 去掉html里的标签及空格 // 去掉html里的标签及空格
removeTag(list, prop = 'mainBody') { removeTag(list, prop = 'mainBody') {
list.map(e => { list.map(e => {
e.mainBody = e[prop].replace(/(<[^>]+>)|((&nbsp;)+)/g , '') // 有摘要取摘要,没有摘要就去掉正文里的标签空格
e.mainBody = e.summary || e[prop].replace(/(<[^>]+>)|((&nbsp;)+)/g , '')
}) })
return list return list
}, },

@ -25,7 +25,7 @@ export default {
(this.$route.query.siteId || this.site) : (this.$route.query.siteId || this.site) :
to.siteSelection to.siteSelection
if (ids[1]) { // 文章 if (ids[1]) { // 文章
href = '/article?id=' + ids[1] href = '/article?articleId=' + ids[1]
} else { // 栏目 } else { // 栏目
const columnIds = ids[0].split(',') const columnIds = ids[0].split(',')
href = '/column?id=' + columnIds[columnIds.length - 1] href = '/column?id=' + columnIds[columnIds.length - 1]

@ -46,6 +46,7 @@
} }
.tiny-wrap .quote { .tiny-wrap .quote {
padding: 15px; padding: 15px;
margin-bottom: 10px;
font-size: 16px; font-size: 16px;
font-style: italic; font-style: italic;
border: 1px solid #e3e3e3; border: 1px solid #e3e3e3;
@ -64,3 +65,7 @@
color: #8d8d8d; color: #8d8d8d;
text-align: center; text-align: center;
} }
.tiny-wrap .block .pic {
width: 300px;
height: 190px;
}

@ -278,7 +278,7 @@ export default {
}, },
// //
getLeftColumn() { getLeftColumn() {
this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => { this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}&isSort=1`).then(({ data }) => {
const fromColumn = this.$route.query.column // column const fromColumn = this.$route.query.column // column
const { typeId } = this.info const { typeId } = this.info
this.sameStyle = 1 this.sameStyle = 1

@ -103,17 +103,18 @@ export default {
} }
} }
.pic { .pic {
width: 47%; width: 662px;
height: 730px; height: 753px;
} }
.texts { .texts {
position: absolute; position: absolute;
top: 120px; top: 120px;
left: 610px; left: 44%;
width: 60%; width: 60%;
height: 440px; height: 455px;
padding: 60px 30px 30px 100px; padding: 60px 30px 30px 100px;
background-color: #fff; background-color: #fff;
overflow: hidden;
transition: .3s; transition: .3s;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
@ -139,9 +140,11 @@ export default {
.pic { .pic {
width: 45%; width: 45%;
} }
li:nth-child(odd) {
.texts { .texts {
width: 50%; width: 50%;
} }
} }
}
} }
</style> </style>

@ -121,7 +121,11 @@
</p> </p>
<p v-if="item.onlineLocation" class="text"> <p v-if="item.onlineLocation" class="text">
<img class="icon" src="@/assets/images/online.png" alt=""> <img class="icon" src="@/assets/images/online.png" alt="">
Address: {{ item.onlineLocation }} Onlone: {{ item.onlineLocation }}
</p>
<p v-if="item.offlineLocation" class="text">
<img class="icon" src="@/assets/images/location.png" alt="">
Address: {{ item.offlineLocation }}
</p> </p>
</div> </div>
</li> </li>
@ -518,7 +522,7 @@ export default {
display: flex; display: flex;
} }
.left { .left {
width: 688px; width: 718px;
margin-right: 20px; margin-right: 20px;
background-color: #fff; background-color: #fff;
cursor: pointer; cursor: pointer;
@ -556,7 +560,7 @@ export default {
} }
} }
.card-list { .card-list {
width: 784px; width: 754px;
li { li {
display: flex; display: flex;
padding: 24px; padding: 24px;
@ -573,7 +577,7 @@ export default {
} }
.pic { .pic {
width: 188px; width: 188px;
height: 130px; height: 145px;
margin-right: 28px; margin-right: 28px;
} }
h6 { h6 {

@ -14,7 +14,7 @@
</ul> </ul>
<ul class="list"> <ul class="list">
<li v-for="(item, i) in list" :key="i"> <li v-for="(item, i) in list" :key="i" @click="toArtice(item)">
<img class="pic" :src="item.titleImg" alt=""> <img class="pic" :src="item.titleImg" alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
@ -128,6 +128,7 @@ export default {
align-items: center; align-items: center;
padding: 28px 0; padding: 28px 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
cursor: pointer;
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }

@ -16,22 +16,22 @@
<div class="item"> <div class="item">
<img src="@/assets/images/science/1.png" alt=""> <img src="@/assets/images/science/1.png" alt="">
<div class="texts"> <div class="texts">
<h6>为什么要建设S³FEL</h6> <h6>{{ modules[1].form.title }}</h6>
<div class="des">2006世界上第一台软X射线自由电子激光诞生于德国汉堡同步加速器实验室 2009世界第一台硬X 射线自由电子线性相干光源 成功出光 LCLS可提供更高亮度和更好横向相干性的XFEL脉冲</div> <div class="des">{{ modules[1].form.des }}</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/images/science/2.png" alt=""> <img src="@/assets/images/science/2.png" alt="">
<div class="texts"> <div class="texts">
<h6>X射线是什么</h6> <h6>X射线是什么</h6>
<div class="des">光源是人类文明发展的助推器从火光到激光每次光源的发展创新都有效推动了科学技术的发展显著改变了人类认识世界的方式并引起了人类社会的广泛变革先进光源是人类探测物质分子原子和壳和工具</div> <div class="des">{{ modules[1].form.des }}</div>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/images/science/3.png" alt=""> <img src="@/assets/images/science/3.png" alt="">
<div class="texts"> <div class="texts">
<h6>X射线自由电子激光</h6> <h6>X射线自由电子激光</h6>
<div class="des">FEL是一种以真空中相对论电子束为工作介质在周期变化磁场中以受激辐射方式放大电磁波的新型强相干光源FEL的装置通常由加速器波荡器和光束线站三部分组成的波长连续可调可覆盖极紫外</div> <div class="des">{{ modules[1].form.des }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -57,7 +57,6 @@ export default {
}, },
mounted() { mounted() {
new WOW().init() new WOW().init()
this.getColumn()
}, },
methods: { methods: {
// //
@ -74,34 +73,6 @@ export default {
} }
}).catch(err => {}) }).catch(err => {})
}, },
// id
getParent(data, id) {
for (const e of data) {
if (e.id == id) {
this.routes.push({
name: e.columnName,
query: {
id: e.id
}
})
break
} else if (e.children.length) {
this.routes.push({
name: e.columnName,
query: {
id: e.id
}
})
this.getParent(e.children, id)
}
}
},
//
getColumn() {
this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => {
this.getParent(data, this.id)
}).catch(err => {})
},
} }
}; };
</script> </script>

@ -6,8 +6,8 @@ let host = `${location.origin}/`
if (isDev) { if (isDev) {
host = 'http://192.168.31.136:10000/' // 测试服 host = 'http://192.168.31.136:10000/' // 测试服
// host = 'https://31k70639y6.zicp.fun/' // 测试服 // host = 'https://31k70639y6.zicp.fun/' // 测试服
// host = 'http://192.168.31.51:10000/' // 榕 host = 'http://192.168.31.51:10000/' // 榕
host = 'http://192.168.31.116:10000/' // 赓 // host = 'http://192.168.31.116:10000/' // 赓
} }
const Setting = { const Setting = {

Loading…
Cancel
Save