zx

pages/insight/eventChild/index.js

@@ -1,6 +1,39 @@
 Page({
     data: {
-        
+        imageUrl: getApp().globalData.imageUrl,
+        bgImage: "background-image: url("+ getApp().globalData.imageUrl + "/sj_beijin.png)",
+        questes: [
+            {
+              tip: '比亚迪宋MAX紧凑型mpv你看了不...',
+              title: '72.45',
+              subtitle: '媒体测评',
+            },
+            {
+                tip: '今日上市！长城SUV',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '子龙来也！捷途X90子龙',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '全新一代蒙迪欧亮相',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '新款比亚迪汉DM-i即将上市',
+                title: '72.45',
+                subtitle: '媒体测评',
+            },
+            {
+                tip: '全新一代蒙迪欧亮相',
+                title: '72.45',
+                subtitle: '媒体测评',
+            }
+        ],
     },
     onShow() {
         this.getTabBar().init();

pages/insight/eventChild/index.wxml

@@ -1,7 +1,7 @@
     <view>
         <view style="height: 40px;"></view>
-        <view class="event-list-content">
-            <van-cell-group>
+        <view>
+            <!-- <van-cell-group>
                 <van-cell>
                     <view slot="title">
                         <view class="event-title">热点事件</view>
@@ -18,6 +18,23 @@
                     <view>71.16</view>
                     <view>影响力</view>
                 </van-cell>
-            </van-cell-group>
+            </van-cell-group> -->
+        </view>
+        <view class="list_event" style="{{bgImage}}">
+            <view class="event_title">热点事件</view>
+            <view class="event_content" wx:for="{{questes}}" wx:if="{{index < 10}}" wx:key="index" data-quest='{{item}}'>
+                <view class="event_text">
+                    <view class="text_title">{{item.tip}}
+                    </view>
+                    <view class="text_num">{{item.title}}
+                    </view>
+                </view>
+                <view class="event_text">
+                    <view class="text_pinpai">关联品牌：{{item.subtitle}}
+                    </view>
+                    <view class="text_pinpai">影响力
+                    </view>
+                </view>
+            </view>
         </view>
     </view>

pages/insight/eventChild/index.wxss

@@ -15,4 +15,39 @@
 
 .event-list-item {
     background: #FFEAEA;
+}
+
+/* 热点事件 */
+.list_event{
+    margin: 32rpx;
+    background-size: cover;
+    width: 686rpx;
+    /* height: 616rpx; */
+    border-radius: 8rpx;
+}
+.event_title{
+    font-size: 36rpx;
+    padding: 32rpx;
+}
+
+.event_content{
+    padding: 10rpx 0;
+}
+.event_text{
+    display: flex;
+    justify-content : space-between;
+    padding: 0rpx 32rpx;
+}
+.text_title{
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 500rpx;
+}
+.text_num{
+    color: #FF343F;
+}
+.text_pinpai{
+    color: #999999;
+    font-size: 24rpx;
 }

pages/insight/index.json

@@ -1,8 +1,8 @@
 {
     "usingComponents": {
         "time-component": "../../components/timecomponent/index",
-        "brand-child": "../insight/brandChild/index",
-        "event-child": "../insight/eventChild/index",
-        "theme-child": "../insight/themeChild/index"
+        "brand-child": "./brandChild/index",
+        "event-child": "./eventChild/index",
+        "theme-child": "./themeChild/index"
     }
 }

pages/insight/themeAnalize/index.wxml

@@ -1,4 +0,0 @@
-    <view>
-        <view style="height: 40px;"></view>
-        eventChild
-    </view>

pages/insight/themeAnalize/index.wxss

@@ -1,9 +0,0 @@
-.btn {
-    margin-top: 32rpx;
-    width: 686rpx;
-    height: 88rpx;
-    font-weight: bold;
-    line-height: 88rpx;
-    color: rgba(0, 132, 255, 1);
-    font-size: 28rpx;
-}

pages/insight/themeChild/index.wxml

@@ -0,0 +1,9 @@
+    <view class="content">
+        <view style="height: 40px;"></view>
+        <view>
+            <view class="theme-add">
+                <van-button color="#0084FF" plain icon="plus" block class="theme-add-btn">新增主题</van-button>
+            </view>
+        </view>
+        
+    </view>

pages/insight/themeChild/index.wxss

@@ -0,0 +1,9 @@
+.theme-add-btn {
+    font-weight: bold;
+    line-height: 88rpx;
+    font-size: 28rpx;
+}
+.theme-add {
+    padding: 12px;
+    background-color: #006BFF;
+}