diff --git a/src/sass/AppHome/AppHome.vue b/src/sass/AppHome/AppHome.vue index 22e0dd72..e02a108d 100644 --- a/src/sass/AppHome/AppHome.vue +++ b/src/sass/AppHome/AppHome.vue @@ -93,6 +93,7 @@ export default { bottom: 0; left: 0; display: flex; + z-index: 999; .item { flex: 1; text-align: center; diff --git a/src/sass/AppHome/components/img/home-head-banner.png b/src/sass/AppHome/components/img/home-head-banner.png new file mode 100644 index 00000000..1319c4f8 Binary files /dev/null and b/src/sass/AppHome/components/img/home-head-banner.png differ diff --git a/src/sass/AppHome/components/img/home-right-big.png b/src/sass/AppHome/components/img/home-right-big.png new file mode 100644 index 00000000..41adfbb3 Binary files /dev/null and b/src/sass/AppHome/components/img/home-right-big.png differ diff --git a/src/sass/AppHome/components/img/status0.png b/src/sass/AppHome/components/img/status0.png new file mode 100644 index 00000000..0aea9456 Binary files /dev/null and b/src/sass/AppHome/components/img/status0.png differ diff --git a/src/sass/AppHome/components/img/status1.png b/src/sass/AppHome/components/img/status1.png new file mode 100644 index 00000000..7b75d4e1 Binary files /dev/null and b/src/sass/AppHome/components/img/status1.png differ diff --git a/src/sass/AppHome/components/img/time-icon.png b/src/sass/AppHome/components/img/time-icon.png new file mode 100644 index 00000000..1fa165c7 Binary files /dev/null and b/src/sass/AppHome/components/img/time-icon.png differ diff --git a/src/sass/AppHome/home.vue b/src/sass/AppHome/home.vue index 08307d2a..eab56322 100644 --- a/src/sass/AppHome/home.vue +++ b/src/sass/AppHome/home.vue @@ -1,7 +1,7 @@ @@ -138,7 +165,7 @@ export default { text: '更多' }, ], - tabIndex: 0 + tabIndex: 1 } }, @@ -157,7 +184,7 @@ export default { position: relative; overflow: hidden; background-color: #F4F7FD; - padding-bottom: 100px; + padding-bottom: 120px; .header-img{ width: 100%; img{ @@ -374,6 +401,7 @@ export default { width: 28px; height: 28px; margin-right: 4px; + vertical-align: text-bottom; } .time{ font-size: 24px; @@ -395,5 +423,76 @@ export default { } } } + .meet-list{ + .item{ + padding: 0 32px 32px 32px; + background-color: #fff; + .item-content{ + padding: 32px 32px 22px 32px; + background-color: #F7F9FF; + position: relative; + .title{ + width: 640px; + font-size: 32px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #333; + line-height: 44px; + } + .time-flex{ + display: flex; + justify-content: space-between; + padding: 48px 0; + img{ + width: 88px; + height: 88px; + } + .time{ + width: 200px; + text-align: center; + h2{ + font-size: 60px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #333; + line-height: 84px; + } + p{ + font-size: 22px; + font-family: PingFangSC-Regular, PingFang SC; + color: #333; + line-height: 32px; + } + } + } + .info{ + font-size: 30px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #999999; + line-height: 42px; + margin-bottom: 20px; + .label{ + display: inline-block; + width: 150px; + color: #999; + vertical-align: top; + } + .value{ + display: inline-block; + width: calc(100% - 150px); + color: #343D65; + } + } + .status-img{ + width: 112px; + height: 112px; + position: absolute; + top: 0; + right: 0; + } + } + } + } }