|
@@ -4,16 +4,14 @@
|
|
|
<template v-slot:info>
|
|
|
<van-col span="24" class="one">
|
|
|
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
|
- <van-swipe-item>1</van-swipe-item>
|
|
|
- <van-swipe-item>2</van-swipe-item>
|
|
|
- <van-swipe-item>3</van-swipe-item>
|
|
|
- <van-swipe-item>4</van-swipe-item>
|
|
|
+ <van-swipe-item v-for="(item, index) in imageList" :key="index">
|
|
|
+ <van-image :src="item.url"></van-image>
|
|
|
+ </van-swipe-item>
|
|
|
</van-swipe>
|
|
|
</van-col>
|
|
|
<van-col span="24" class="two">
|
|
|
<van-grid :gutter="5">
|
|
|
<van-grid-item class="list" v-for="(item, index) in menu" :key="index" :to="item.router">
|
|
|
- <i :class="['iconfont', item.icon]"></i>
|
|
|
<p>{{ item.label }}</p>
|
|
|
</van-grid-item>
|
|
|
</van-grid>
|
|
@@ -34,14 +32,16 @@ export default {
|
|
|
},
|
|
|
data: function () {
|
|
|
return {
|
|
|
+ // 轮播图
|
|
|
+ imageList: [{ url: require('@a/scientific/image1.jpg') }, { url: require('@a/scientific/image2.jpg') }, { url: require('@a/scientific/image3.jpg') }],
|
|
|
menu: [
|
|
|
- { icon: 'icon-shouye', label: '主任及科研助理', router: '/scientific/personnel/index' },
|
|
|
- { icon: 'icon-shouye', label: '学术委员会', router: '/scientific/learning/index' },
|
|
|
- { icon: 'icon-shouye', label: '承担科研任务', router: '/scientific/task/index' },
|
|
|
- { icon: 'icon-shouye', label: '获奖信息', router: '/scientific/award/index' },
|
|
|
- { icon: 'icon-shouye', label: '论文发表', router: '/scientific/paper/index' },
|
|
|
- { icon: 'icon-shouye', label: '成果展示', router: '/scientific/achieve/index' },
|
|
|
- { icon: 'icon-shouye', label: '其他成果', router: '/scientific/otherachieve/index' },
|
|
|
+ { label: '主任/助理', router: '/scientific/personnel/index' },
|
|
|
+ { label: '委员会', router: '/scientific/learning/index' },
|
|
|
+ { label: '科研任务', router: '/scientific/task/index' },
|
|
|
+ { label: '获奖信息', router: '/scientific/award/index' },
|
|
|
+ { label: '论文发表', router: '/scientific/paper/index' },
|
|
|
+ { label: '成果展示', router: '/scientific/achieve/index' },
|
|
|
+ { label: '其他成果', router: '/scientific/otherachieve/index' },
|
|
|
],
|
|
|
};
|
|
|
},
|
|
@@ -68,14 +68,16 @@ export default {
|
|
|
height: 200px;
|
|
|
background-color: #fff;
|
|
|
margin: 0 0 5px 0;
|
|
|
+ .van-swipe {
|
|
|
+ height: 200px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
}
|
|
|
.two {
|
|
|
.list {
|
|
|
- height: 90px;
|
|
|
- i {
|
|
|
- margin: 0 0 5px 0;
|
|
|
- }
|
|
|
+ height: 80px;
|
|
|
p {
|
|
|
+ color: #fff;
|
|
|
font-size: 14px;
|
|
|
padding: 0px 5px;
|
|
|
text-align: center;
|
|
@@ -86,9 +88,44 @@ export default {
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list:nth-child(1) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #ffc0cb;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list:nth-child(2) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #ee82ee;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list:nth-child(3) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #7b68ee;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list:nth-child(4) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #4169e1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list:nth-child(5) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #00bfff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .list:nth-child(6) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #48d1cc;
|
|
|
+ }
|
|
|
}
|
|
|
- /deep/.van-grid-item__content {
|
|
|
- border-radius: 10px;
|
|
|
+ .list:nth-child(7) {
|
|
|
+ /deep/.van-grid-item__content {
|
|
|
+ background-color: #98fb98;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|