|
@@ -0,0 +1,84 @@
|
|
|
|
+.body-view {
|
|
|
|
+ height: 100vh;
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex: 1;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ align-items: flex-start;
|
|
|
|
+ justify-content: center;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.top-menu-view {
|
|
|
|
+ display: flex;
|
|
|
|
+ // position: fixed;
|
|
|
|
+ top: 100rpx;
|
|
|
|
+ left: 0;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ width: 100%;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ line-height: 80rpx;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ border-top: 1rpx solid #d8dbe6;
|
|
|
|
+
|
|
|
|
+ .menu-topic-view {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ .menu-topic-text {
|
|
|
|
+ // font-size: 30rpx;
|
|
|
|
+ color: #303133;
|
|
|
|
+ padding: 5rpx 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // .menu-topic-act {
|
|
|
|
+ // margin-left: 30upx;
|
|
|
|
+ // margin-right: 10upx;
|
|
|
|
+ // position: relative;
|
|
|
|
+ // height: 100%;
|
|
|
|
+ // display: flex;
|
|
|
|
+ // align-items: center;
|
|
|
|
+ // justify-content: center;
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ .menu-topic-bottom {
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+
|
|
|
|
+ .menu-topic-bottom-color {
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ height: 6rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .menu-topic-act .menu-topic-bottom {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .menu-topic-act .menu-topic-bottom-color {
|
|
|
|
+ background: #3d7eff;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.swiper-box-list {
|
|
|
|
+ width: 100%;
|
|
|
|
+ padding-top: 200rpx;
|
|
|
|
+ flex: 1;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+
|
|
|
|
+ .swiper-topic-list {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+}
|