+
+
+ -
+
- 活动资讯 +
- 活动预告 +
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 42b2b31..5320020 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -181,3 +181,72 @@
background: #F4F4F4;
overflow: hidden;
}
+
+.introduction-main {
+ padding: 30px 40px;
+ .nav-menu {
+ background: #ffffff;
+ width: 300px;
+ ul {
+ margin-top: 30px;
+ li {
+ height: 90px;
+ font-size: 30px;
+ font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+ font-weight: 400;
+ line-height: 90px;
+ text-align: center;
+ margin-bottom: 20px;
+ &:hover {
+ background: #e4e4e4;
+ }
+ &.is-active {
+ background: linear-gradient(
+ 318deg,
+ #38b8d9 0%,
+ #5394f1 45%,
+ #a0a9ef 100%
+ );
+ color: #ffffff;
+ }
+ }
+ }
+ }
+ .introduction-info {
+ margin-left: 30px;
+ background: #ffffff;
+ width: 1510px;
+ padding: 20px;
+ overflow-y: auto;
+ .info-title {
+ height: 100px;
+ text-align: center;
+ font-size: 38px;
+ font-family: Source Han Sans CN-Regular, Source Han Sans CN;
+ font-weight: 400;
+ color: #333333;
+ line-height: 100px;
+ }
+ .info-img {
+ background: url("~@/assets/images/top.png") no-repeat center -5px;
+ }
+ }
+}
+.activity-list li {
+ height: 90px;
+ margin: 0 40px;
+ border-bottom: 1px solid #d9d9d9;
+ font-size: 30px;
+ line-height: 90px;
+ padding: 0 20px;
+ span.date {
+ float: right;
+ }
+ .activity-title {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: calc(100% - 282px);
+ display: inline-block;
+ }
+}
\ No newline at end of file
diff --git a/src/assets/styles/style.scss b/src/assets/styles/style.scss
index 699568c..244f5a5 100644
--- a/src/assets/styles/style.scss
+++ b/src/assets/styles/style.scss
@@ -47,14 +47,14 @@ ul{
/**滚动条的宽度*/
::-webkit-scrollbar {
- width: 4px;
- height: 4px;
+ width: 10px;
+ height: 10px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
- background-color: #13439E;
- border-radius: 3px;
+ background-color: #333333;
+ border-radius: 5px;
}
.icon {
diff --git a/src/router/index.js b/src/router/index.js
index 8360cca..a1233b7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -43,6 +43,14 @@ const routes = [
meta: {
title: '活动咨询'
}
+ },
+ {
+ path: '/ActivityDetail',
+ name: 'ActivityDetail',
+ component: () => import('../views/activityDetail.vue'),
+ meta: {
+ title: '活动详情'
+ }
}
]
diff --git a/src/views/activityDetail.vue b/src/views/activityDetail.vue
new file mode 100644
index 0000000..b246a13
--- /dev/null
+++ b/src/views/activityDetail.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/activityFeed.vue b/src/views/activityFeed.vue
index cb01b8f..e698b86 100644
--- a/src/views/activityFeed.vue
+++ b/src/views/activityFeed.vue
@@ -9,7 +9,7 @@
+
+