no message

pages/index/Salesranking/Salesranking.wxml

@@ -2,9 +2,9 @@
 <van-tabs class="menu-tabs" active="{{ active }}" bind:change="onChange">
     <van-tab title="车型">
         <view class="vehicletype" wx:if="{{active === 0}}">
-            <scroll-view scroll-x="{{true}}" style="white-space: nowrap;height: 100%; width: 100%;background: #ffffff;">
+            <scroll-view scroll-x="{{true}}" style="white-space: nowrap;height: 80rpx; width: 100%;background: #ffffff;">
                 <view class="top" bindtap="all">
-                    <view class="box_title">全部</view>
+                    <view class="box_title1">全部</view>
                 </view>
                 <view class="top">
                     <view class="box_title">
@@ -19,9 +19,11 @@
                 </view>
                 <view class="top">
                     <!-- 下拉框 -->
-                    <view class="{{box1}}" id="1" bindtap="bindShowMsg">
-                        <text class="{{font1}}">{{grade_name1}}</text>
-                        <text class="timeIcon">▼</text>
+                    <view class="box_title">
+                        <view class="{{box1}}" id="1" bindtap="bindShowMsg">
+                            <text class="{{font1}}">{{grade_name1}}</text>
+                            <text class="timeIcon">▼</text>
+                        </view>
                     </view>
                     <!-- 下拉需要显示的列表 -->
                     <view class="select_box" wx:if="{{select1}}">
@@ -32,9 +34,11 @@
                 </view>
                 <view class="top">
                     <!-- 下拉框 -->
-                    <view class="{{box2}}" id="2" bindtap="bindShowMsg">
-                        <text class="{{font2}}">{{grade_name2}}</text>
-                        <text class="timeIcon">▼</text>
+                    <view class="box_title">
+                        <view class="{{box2}}" id="2" bindtap="bindShowMsg">
+                            <text class="{{font2}}">{{grade_name2}}</text>
+                            <text class="timeIcon">▼</text>
+                        </view>
                     </view>
                     <!-- 下拉需要显示的列表 -->
                     <view class="select_box" wx:if="{{select2}}">
@@ -45,9 +49,11 @@
                 </view>
                 <view class="top">
                     <!-- 下拉框 -->
-                    <view class="{{box3}}" id="3" bindtap="bindShowMsg">
-                        <text class="{{font3}}">{{grade_name3}}</text>
-                        <text class="timeIcon">▼</text>
+                    <view class="box_title">
+                        <view class="{{box3}}" id="3" bindtap="bindShowMsg">
+                            <text class="{{font3}}">{{grade_name3}}</text>
+                            <text class="timeIcon">▼</text>
+                        </view>
                     </view>
                     <!-- 下拉需要显示的列表 -->
                     <view class="select_box" wx:if="{{select3}}">
@@ -58,9 +64,11 @@
                 </view>
                 <view class="top">
                     <!-- 下拉框 -->
-                    <view class="{{box4}}" id="4" bindtap="bindShowMsg">
-                        <text class="{{font4}}">{{grade_name4}}</text>
-                        <text class="timeIcon">▼</text>
+                    <view class="box_title">
+                        <view class="{{box4}}" id="4" bindtap="bindShowMsg">
+                            <text class="{{font4}}">{{grade_name4}}</text>
+                            <text class="timeIcon">▼</text>
+                        </view>
                     </view>
                     <!-- 下拉需要显示的列表 -->
                     <view class="select_box" wx:if="{{select4}}">

pages/index/Salesranking/Salesranking.wxss

@@ -20,12 +20,16 @@
 .menu-tabs .van-tabs__line {
     background: transparent;
 }
-
-/* .van-dropdown-menu--top-bottom {
-    width: 166rpx;
+.box_title1{
+    color: #000;
+    width: 150rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+    font-size: 24rpx;
     text-align: center;
-    margin: 0rpx 12rpx 12rpx 12rpx;
-} */
+    /* background: #02ffd5; */
+    border: 1rpx solid #F9F9F9;
+}
 
 .box_title {
     color: #000;
@@ -258,62 +262,53 @@
     font-size: 18rpx;
 }
 .top {
-    height: 80rpx;
-    line-height: 50rpx;
-    font-size: 34rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+    font-size: 24rpx;
     display: inline-block;
     margin: 0 16rpx;
     align-items: baseline;
-    /* width: 120rpx; */
   }
   /* 下拉框 */
   /* 没选中 */
   .top-noselected{
-    width: 130rpx;
+    width: 150rpx;
     height: 60rpx;
     display: flex;
-    margin-top: 10rpx;
-    /* color:  #027AFF; */
-    /* float: right; */
     align-items: center;
     justify-content: space-between;
-    border: 1px solid #F9F9F9;
+    border: 1px solid #f9f9f9;
     padding: 0 10rpx;
-    font-size: 30rpx;
+    font-size: 24rpx;
     background-color: #ffffff;
   }
     /* 选中 */
     .top-selecteds{
-        width: 125rpx;
+        width: 150rpx;
         height: 60rpx;
         display: flex;
-        margin-top: 10rpx;
-        
-        /* float: right; */
         align-items: center;
         justify-content:space-between;
         border: 1px solid #027AFF ;
         padding: 0 10rpx;
-        font-size: 30rpx;
+        font-size: 24rpx;
         background-color: #fff;
     }
   /* 选择中 */
   .top-selected{
-    width: 125rpx;
+    width: 150rpx;
     height: 60rpx;
     display: flex;
-    margin-top: 10rpx;
-    /* float: right; */
     align-items: center;
     justify-content: space-between;
     border: 1px solid #F9F9F9;
     padding: 0 10rpx;
-    font-size: 30rpx;
+    font-size: 24rpx;
     background-color: #027AFF;
 }
 /* 选中 */
   .title{
-    color: rgb(190, 62, 62);
+    color: rgb(255, 255, 255);
     font-size: 24rpx
 }
 /* 选择中 */