no message

components/indexCom/dataChild/index.json

@@ -2,6 +2,7 @@
     "component": true,
     "usingComponents": {
         "c-echars": "../../c-echars/index",
-        "time-component":"/components/timecomponent/index"
+        "time-component":"/components/timecomponent/index",
+        "time-channel": "/components/time-channel/index"
     }
 }

components/indexCom/dataChild/index.wxml

@@ -1,10 +1,10 @@
 <view>
-    <!-- <view class="timelist">
-        <view wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" wx:key="index" data-index="{{index}}" bindtap="priceSel">{{item}}
-        </view>
-    </view> -->
     <!-- 时间组件 -->
-    <time-component></time-component>
+    <view class="v-t-outer">
+        <time-channel></time-channel>
+    </view>
+    <!-- <time-component></time-component> -->
+  
     <view class="trend">
         <view class="text">入库数据趋势</view>
         <view class="trend_tu">

components/indexCom/dataChild/index.wxss

@@ -24,6 +24,24 @@
     line-height: 64rpx;
     height: 64rpx;
 }
+.v-t-outer {
+    margin-top: 16px;
+}
+.v-t-outer .van-tab {
+    color: #999999 !important;
+}
+.v-t-outer .van-tabs__scroll--card {
+    border-style: none;
+}
+
+.v-t-outer .van-tabs__nav--card .van-tab {
+    border-right-style: none;
+}
+.v-t-outer .van-tabs__nav--card .van-tab.van-tab--active { 
+    background-color: transparent;
+    color: #0084FF !important;
+}
+  
 
 /* 入库数据趋势 */
 .trend {

pages/index/Rankdetail/Rankdetail.js

@@ -184,6 +184,7 @@
         ],
         showChart: true,
         positiveOption: {
+              backgroundColor: '#F9F9F9',
               tooltip: {
                 trigger: 'axis',
                 axisPointer: {            // 坐标轴指示器，坐标轴触发有效
@@ -200,7 +201,6 @@
                   textStyle: {
                       fontSize: 9
                   },
-                data: ['正面', '中性','负面'],
               },
               //图表位置
               grid: {
@@ -241,7 +241,7 @@
               xAxis: [
                 {
                   type: 'category',
-                  data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00'],
+                  data: ['12月', '1月', '2月', '3月', '4月', '5月', '6月'],
                   axisTick:{
                       show:false   //去除刻度线
                   },
@@ -259,7 +259,6 @@
               ],
               series: [
                 {
-                  name: '正面',
                   type: 'line',
                   symbol:'none', //去圆点
                   data: [100, 200, 300, 500, 700, 500, 300],
@@ -272,35 +271,7 @@
                       }
                     }
                 },
-                {
-                  name: '中性',
-                  type: 'line',
-                  symbol:'none', //去圆点
-                  data: [700, 900, 1100, 800, 1690, 1250, 920],
-                  itemStyle: {
-                      normal:{
-                          color: '#20CC62',
-                          lineStyle: {
-                              color: '#20CC62'
-                            }
-                      }
-                    }
-                },
-                {
-                  name: '负面',
-                  type: 'line',
-                  symbol:'none', //去圆点
-                  data: [1100, 1300, 1500, 1200, 1300, 2000, 1000],
-                  itemStyle: {
-                      normal:{
-                          color: '#FFBF00',
-                          lineStyle: {
-                              color: '#FFBF00'
-                            }
-                      }
-                    }
-                  
-                },
+                
               ]
             },
       },

pages/index/Rankdetail/Rankdetail.wxml

@@ -1,17 +1,5 @@
 <!--pages/index/Rankdetail/Rankdetail.wxml-->
 <view class="screen">
-    <view class="license" bindtap="showPopup">
-        <view >车牌</view>
-            <van-popup
-  show="{{ show }}"
-  position="bottom"
-  custom-style="height: 80%;"
-  bind:close="onClose">
-  <view></view>
-  
-  
-  </van-popup>
-        </view>
     <van-dropdown-menu active-color="#027AFF">
         <van-dropdown-item id="priceOpt" value="{{ value }}" title="2022年05月">
             <view class="condition">
@@ -79,11 +67,10 @@
 
 <van-popup show="{{ show }}" bind:close="onClose" position="bottom" closeable round close-icon-position="top-right" close-icon="cross" custom-style="height: 638rpx">
     <view class="popContent">
-        <view style="text-align: center;height: 114rpx;line-height: 114rpx;font-size: 34rpx;">
-            销量趋势
-        </view>
-        <view style="width: 686rpx;height: 386rpx;">
-            <c-echars showChart="{{showChart}}" canvasId="tonalitybar-canvas" chartId="tonalitybar" chartOption="{{positiveOption}}" width="100%" height="100%"></c-echars>
+        <view class="popContent-text">销量趋势 </view>
+        <view class="popContent-title" >宏光MINIEV销量趋势</view>
+        <view class="popContent-echars">
+            <c-echars showChart="{{showChart}}" canvasId="rankbar-canvas" chartId="rankbar" chartOption="{{positiveOption}}" width="100%" height="100%"></c-echars>
         </view>
     </view>
 </van-popup>

pages/index/Rankdetail/Rankdetail.wxss

@@ -230,4 +230,28 @@
     width: 200rpx;
     height: 200rpx;
     background-color: aquamarine;
+}
+/* 弹出框 */
+.popContent{
+    width: 686rpx;
+    height: 600rpx;
+}
+.popContent-text{
+    text-align: center;
+    height: 110rpx;
+    line-height: 110rpx;
+    font-size: 34rpx;
+}
+.popContent-title{
+    /* height: 72rpx;
+    line-height: 72rpx; */
+    font-size: 28rpx;
+    margin: 0 32rpx 32rpx 32rpx;
+
+}
+.popContent-echars{
+    width: 686rpx;
+    height: 386rpx;
+    margin:0   32rpx;
+
 }