zx

3 years ago · f267d83228
parent c0fefc413e
commit f267d83228
38 changed files with 501 additions and 16 deletions
--- a/app.json
+++ b/app.json
@ -10,6 +10,10 @@
    "pages/index/Salesranking/Brandranking/Brandranking",
    "pages/bar/index",
    "pages/insight/index",
+    "pages/insight/pages/brandInsight/index",
+    "pages/insight/pages/modalInsight/index",
+    "pages/insight/pages/eventInsight/index",
+    "pages/insight/pages/themeAnalize/index",
    "pages/brandSearch/index",
    "pages/varComm/index",
    "pages/mine/index",
--- a/pages/insight/brandChild/cars/audi.jpg
+++ b/pages/insight/brandChild/cars/audi.jpg
--- a/pages/insight/brandChild/index.js
+++ b/pages/insight/brandChild/index.js
@ -0,0 +1,42 @@
+Page({
+    data: {
+        recommandBrand: [
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            }
+        ],
+    },
+    onShow() {
+        this.getTabBar().init();
+    },
+    toBrandInsight() {
+        wx.navigateTo({
+            url: "/pages/insight/pages/brandInsight/index" 
+        })
+    },
+})
--- a/pages/insight/brandChild/index.json
+++ b/pages/insight/brandChild/index.json
@ -0,0 +1,5 @@
+{
+    "usingComponents": {
+        
+    }
+}
--- a/pages/insight/brandChild/index.wxml
+++ b/pages/insight/brandChild/index.wxml
@ -0,0 +1,98 @@
+    <view>
+        <view style="height: 40px;"></view>
+        <van-search style="width: 100%;" background="#006BFF" value="{{ brandForm.brand }}" placeholder="请输入品牌名称" />
+        <view class="bs-tabs">
+            <scroll-view class="bs-tab-sv" scroll-x="true">
+                <view class="bs-tab-sv-item" wx:for="{{recommandBrand}}" wx:key="index">
+                    <image class="userAvatar" src="{{item.img}}" />
+                    <view class="bs-tab-title">{{item.title}}</view>
+                </view>
+            </scroll-view>
+        </view>
+        <van-index-bar class="bs-bar" sticky-offset-top="40">
+            <view>
+                <van-index-anchor index="A" />
+                <van-cell clickable bind:click="toBrandInsight">
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+            </view>
+            <view>
+                <van-index-anchor index="B" />
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+            </view>
+            <view>
+                <van-index-anchor index="C" />
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+            </view>
+            <view>
+                <van-index-anchor index="D" />
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+                <van-cell>
+                    <view slot="title" class="cell-item">
+                        <image slot="icon" class="bs-item-image" src="./cars/audi.jpg" />
+                        <text>奥迪</text>
+                    </view>
+                </van-cell>
+            </view>
+        </van-index-bar>
+    </view>
--- a/pages/insight/brandChild/index.wxss
+++ b/pages/insight/brandChild/index.wxss
@ -0,0 +1,116 @@
+.view-page {
+    width: 100%;
+    color: #333333;
+    background: #fff;
+}
+.bs-top-title {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+    font-size: 34rpx;
+}
+.nav-top {
+    position: fixed;
+    width: 100%;
+    height: auto;
+    top: 0px;
+    left: 0px;
+    z-index: 5000;
+}
+.bs-top {
+    display: flex;
+    justify-content: flex-start;
+    height: 67px;
+    align-items: center;
+    background: #006BFF;
+    padding-left: 13rpx;
+    padding-right: 13rpx;
+    padding-top: 5px;
+  }
+  .bs-item {
+    display: flex;
+    justify-items: flex-start;
+    background: #fff;
+    align-items: center;
+    font-size: 14px;
+  }
+  .cell-item {
+    display: flex;
+    justify-items: flex-start;
+    align-items: center;
+    font-size: 14px;
+  }
+  .bs-item-image {
+    display: inline-block;
+    width: 42px;
+    height: 42px;
+    margin-right: 15px;
+  }
+  .bs-block {
+      position: relative;
+      height: 207px;
+  }
+  .bs-bar {
+    position: relative;  
+  }
+  .bs-bar .van-index-anchor-wrapper {
+    background: #F9F9F9;
+  }
+  .bs-bar .van-index-bar__sidebar {
+      top: 63%;
+  }
+  .menu-tabs .van-tabs__nav{
+    background-color: #006BFF;/* 标签背景颜色 */
+  }
+  .menu-tabs .van-tab {
+    color: #98CDFF; /* 字体颜色 */
+    background-color: #006BFF;/* 标签背景颜色 */
+   }
+  
+   .menu-tabs .van-tab--active{
+    color: #FFFFFF; /* 字体颜色 */
+    font-size: 17px;
+   }
+   .menu-tabs .van-tabs__line {
+    background: transparent;
+   }
+   .a {
+       position: relative;
+       display: flex;
+       justify-content: flex-start;
+   }
+
+     /*横向列表项*/
+.bs-tabs {
+    width: 100%;
+    margin-top: 0px;
+    height: 120rpx;
+    background: #fff;
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+    padding-top: 30rpx;
+    box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.2);
+    
+}
+.bs-tab-sv {
+    width: 100%;
+    width: 100%; 
+    white-space: nowrap; 
+    display: flex;
+}
+.bs-tab-sv-item {
+    width: 20%;
+    height: 100rpx;
+    text-align: center;
+    display: inline-block;
+}
+.userAvatar{
+    width:  68rpx;
+    height: 60rpx;
+    border-radius: 4px;
+}
+.bs-tab-title{
+   font-size: 27rpx;
+}
+    
--- a/pages/insight/cars/audi.jpg
+++ b/pages/insight/cars/audi.jpg
--- a/pages/insight/eventChild/cars/audi.jpg
+++ b/pages/insight/eventChild/cars/audi.jpg
--- a/pages/insight/eventChild/index.js
+++ b/pages/insight/eventChild/index.js
@ -0,0 +1,8 @@
+Page({
+    data: {
+        
+    },
+    onShow() {
+        this.getTabBar().init();
+    },
+})
--- a/pages/insight/eventChild/index.json
+++ b/pages/insight/eventChild/index.json
@ -0,0 +1,5 @@
+{
+    "usingComponents": {
+        
+    }
+}
--- a/pages/insight/eventChild/index.wxml
+++ b/pages/insight/eventChild/index.wxml
@ -0,0 +1,23 @@
+    <view>
+        <view style="height: 40px;"></view>
+        <view class="event-list-content">
+            <van-cell-group>
+                <van-cell>
+                    <view slot="title">
+                        <view class="event-title">热点事件</view>
+                    </view>
+                </van-cell>
+                <van-cell label="关联车型：比亚迪宋" title-width="450rpx" center clickable>
+                    <view slot="title">
+                        <view class="event-title-small">比亚迪宋MAX紧凑型mpv你看了不...</view>
+                    </view>
+                    <view>71.16</view>
+                    <view>影响力</view>
+                </van-cell>
+                <van-cell label="关联车型：比亚迪宋" title-width="450rpx" title="比亚迪宋MAX紧凑型..." center>
+                    <view>71.16</view>
+                    <view>影响力</view>
+                </van-cell>
+            </van-cell-group>
+        </view>
+    </view>
--- a/pages/insight/eventChild/index.wxss
+++ b/pages/insight/eventChild/index.wxss
@ -0,0 +1,18 @@
+.event-list-content {
+    /* background-color: #FFEAEA; */
+    padding: 16pt;
+}
+.event-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+}
+.event-title-small {
+    font-size: 14px;
+    font-weight: 600;
+    color: #333333;
+}
+
+.event-list-item {
+    background: #FFEAEA;
+}
--- a/pages/insight/index.js
+++ b/pages/insight/index.js
@ -8,25 +8,63 @@ Page({
        navBarHeight:app.globalData.navBarHeight,
        navData: [{
            text: '品牌洞察',
-            component: 'data-child'
+            component: 'brand-child'
          },
          {
            text: '车型洞察',
-            component: 'media-child'
+            component: 'modal-child'
          },
          {
            text: '事件洞察',
-            component: 'sound-child'
+            component: 'event-child'
          },
          {
            text: '主题分析',
-            component: 'barometer-child'
+            component: 'theme-child'
          }
        ],
-        dataArr:[{title: 'a', up: false}, {title: 'b', up: false}]
+        recommandBrand: [
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            },
+            {
+                img: "./cars/audi.jpg",
+                title: "奥迪"
+            }
+        ],
+        dataArr:[{title: 'a', up: false}, {title: 'b', up: false}],
+        brandForm: {
+            brand: ''
+        }
    },
    onShow() {
        this.getTabBar().init();
    },
-
+    changeTab(val) {
+        let n = val.detail.index;
+        this.setData({
+            active: n
+        })
+    }
 });
--- a/pages/insight/index.json
+++ b/pages/insight/index.json
@ -1,6 +1,8 @@
 {
    "usingComponents": {
-        "time-component": "../../components/timecomponent/index"
-    },
-    "navigationStyle": "custom"
+        "time-component": "../../components/timecomponent/index",
+        "brand-child": "../insight/brandChild/index",
+        "event-child": "../insight/eventChild/index",
+        "theme-child": "../insight/themeChild/index"
+    }
 }
--- a/pages/insight/index.wxml
+++ b/pages/insight/index.wxml
@ -1,13 +1,16 @@
 <view class="view-page">
    <view class="navigation nav-top" style="background: #006BFF">
        <!--手机状态栏的高度-->
-        <view style="height:{{statusBarHeight}}px;width: 100%;"></view>
-        <view class="bs-top-title" style="height: {{navBarHeight}}px;width: 100%;">硕为思汽车智能洞察</view>
-        <van-tabs class="menu-tabs" active="{{ active }}">
+        <!-- <view style="height:{{statusBarHeight}}px;width: 100%;"></view>
+        <view class="bs-top-title" style="height: {{navBarHeight}}px;width: 100%;">硕为思汽车智能洞察</view> -->
+        <van-tabs class="menu-tabs" active="{{ active }}" bind:change="changeTab">
            <van-tab wx:for="{{navData}}" title="{{item.text}}" wx:key="index">
+                <!-- <view wx:if="{{active == 0 || active == 1}}"></view> -->
            </van-tab>
        </van-tabs>
    </view>
-    <view style="height: 180px;"></view>
-   <c-dropdown tabs="{{dataArr}}"></c-dropdown>
+    <brand-child wx:if="{{active == 0 || active == 1}}"></brand-child>
+    <event-child wx:if="{{active == 2}}"></event-child>
+    <theme-child wx:if="{{active == 3}}"></theme-child>
+    <c-dropdown tabs="{{dataArr}}"></c-dropdown>
 </view>
--- a/pages/insight/index.wxss
+++ b/pages/insight/index.wxss
@ -31,6 +31,7 @@
  .bs-item {
    display: flex;
    justify-items: flex-start;
+    background: #fff;
    align-items: center;
    padding: 15px 13px;
    font-size: 14px;
@ -47,7 +48,6 @@
  }
  .bs-bar {
    position: relative;  
-
  }
  .bs-bar .van-index-anchor-wrapper {
    background: #F9F9F9;
@ -75,4 +75,37 @@
       display: flex;
       justify-content: flex-start;
   }
+
+     /*横向列表项*/
+.bs-tabs {
+    width: 100%;
+    margin-top: 0px;
+    height: 120rpx;
+    background: #fff;
+    border-top-left-radius: 12px;
+    border-top-right-radius: 12px;
+    padding-top: 30rpx;
+    box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.2);
+    
+}
+.bs-tab-sv {
+    width: 100%;
+    width: 100%; 
+    white-space: nowrap; 
+    display: flex;
+}
+.bs-tab-sv-item {
+    width: 20%;
+    height: 100rpx;
+    text-align: center;
+    display: inline-block;
+}
+.userAvatar{
+    width:  68rpx;
+    height: 60rpx;
+    border-radius: 4px;
+}
+.bs-tab-title{
+   font-size: 27rpx;
+}
    
--- a/pages/insight/pages/brandInsight/index.js
+++ b/pages/insight/pages/brandInsight/index.js
@ -0,0 +1,5 @@
+Page({
+    data: {
+        
+    }
+})
--- a/pages/insight/pages/brandInsight/index.json
+++ b/pages/insight/pages/brandInsight/index.json
@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        
+    },
+    "navigationBarTitleText": "品牌洞察"
+}
--- a/pages/insight/pages/brandInsight/index.wxml
+++ b/pages/insight/pages/brandInsight/index.wxml
@ -0,0 +1,5 @@
+<view>
+    <view>
+        brandInsight
+    </view>
+</view>
--- a/pages/insight/pages/brandInsight/index.wxss
+++ b/pages/insight/pages/brandInsight/index.wxss
--- a/pages/insight/pages/eventInsight/index.js
+++ b/pages/insight/pages/eventInsight/index.js
@ -0,0 +1,5 @@
+Page({
+    data: {
+        
+    }
+})
--- a/pages/insight/pages/eventInsight/index.json
+++ b/pages/insight/pages/eventInsight/index.json
@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        
+    },
+    "navigationBarTitleText": "事件洞察"
+}
--- a/pages/insight/pages/eventInsight/index.wxml
+++ b/pages/insight/pages/eventInsight/index.wxml
@ -0,0 +1,5 @@
+<view>
+    <view>
+        eventInsight
+    </view>
+</view>
--- a/pages/insight/pages/eventInsight/index.wxss
+++ b/pages/insight/pages/eventInsight/index.wxss
--- a/pages/insight/pages/modalInsight/index.js
+++ b/pages/insight/pages/modalInsight/index.js
@ -0,0 +1,5 @@
+Page({
+    data: {
+        
+    }
+})
--- a/pages/insight/pages/modalInsight/index.json
+++ b/pages/insight/pages/modalInsight/index.json
@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        
+    },
+    "navigationBarTitleText": "车型洞察"
+}
--- a/pages/insight/pages/modalInsight/index.wxml
+++ b/pages/insight/pages/modalInsight/index.wxml
@ -0,0 +1,5 @@
+<view>
+    <view>
+        modalInsight
+    </view>
+</view>
--- a/pages/insight/pages/modalInsight/index.wxss
+++ b/pages/insight/pages/modalInsight/index.wxss
--- a/pages/insight/pages/themeAnalize/index.js
+++ b/pages/insight/pages/themeAnalize/index.js
@ -0,0 +1,5 @@
+Page({
+    data: {
+        
+    }
+})
--- a/pages/insight/pages/themeAnalize/index.json
+++ b/pages/insight/pages/themeAnalize/index.json
@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        
+    },
+    "navigationBarTitleText": "主题分析"
+}
--- a/pages/insight/pages/themeAnalize/index.wxml
+++ b/pages/insight/pages/themeAnalize/index.wxml
@ -0,0 +1,5 @@
+<view>
+    <view>
+        themeAnalize
+    </view>
+</view>
--- a/pages/insight/pages/themeAnalize/index.wxss
+++ b/pages/insight/pages/themeAnalize/index.wxss
--- a/pages/insight/themeAnalize/cars/audi.jpg
+++ b/pages/insight/themeAnalize/cars/audi.jpg
--- a/pages/insight/themeAnalize/index.js
+++ b/pages/insight/themeAnalize/index.js
@ -0,0 +1,8 @@
+Page({
+    data: {
+        
+    },
+    onShow() {
+        this.getTabBar().init();
+    },
+})
--- a/pages/insight/themeAnalize/index.json
+++ b/pages/insight/themeAnalize/index.json
@ -0,0 +1,5 @@
+{
+    "usingComponents": {
+        
+    }
+}
--- a/pages/insight/themeAnalize/index.wxml
+++ b/pages/insight/themeAnalize/index.wxml
@ -0,0 +1,4 @@
+    <view>
+        <view style="height: 40px;"></view>
+        eventChild
+    </view>
--- a/pages/insight/themeAnalize/index.wxss
+++ b/pages/insight/themeAnalize/index.wxss
@ -0,0 +1,9 @@
+.btn {
+    margin-top: 32rpx;
+    width: 686rpx;
+    height: 88rpx;
+    font-weight: bold;
+    line-height: 88rpx;
+    color: rgba(0, 132, 255, 1);
+    font-size: 28rpx;
+}
--- a/project.private.config.json
+++ b/project.private.config.json
@ -1,6 +1,6 @@
 {
    "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-    "projectname": "swsWecat",
+    "projectname": "swsWechat",
    "setting": {
        "compileHotReLoad": true,
        "urlCheck": false