diff --git a/app.json b/app.json index 1389fcc..54d741d 100644 --- 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", diff --git a/pages/insight/brandChild/cars/audi.jpg b/pages/insight/brandChild/cars/audi.jpg new file mode 100644 index 0000000..edbc90d Binary files /dev/null and b/pages/insight/brandChild/cars/audi.jpg differ diff --git a/pages/insight/brandChild/index.js b/pages/insight/brandChild/index.js new file mode 100644 index 0000000..e729697 --- /dev/null +++ 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" + }) + }, +}) \ No newline at end of file diff --git a/pages/insight/brandChild/index.json b/pages/insight/brandChild/index.json new file mode 100644 index 0000000..6cdce25 --- /dev/null +++ b/pages/insight/brandChild/index.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + + } +} \ No newline at end of file diff --git a/pages/insight/brandChild/index.wxml b/pages/insight/brandChild/index.wxml new file mode 100644 index 0000000..c75ecde --- /dev/null +++ b/pages/insight/brandChild/index.wxml @@ -0,0 +1,98 @@ + + + + + + + + {{item.title}} + + + + + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + + + + 奥迪 + + + + + + 奥迪 + + + + + + 奥迪 + + + + + \ No newline at end of file diff --git a/pages/insight/brandChild/index.wxss b/pages/insight/brandChild/index.wxss new file mode 100644 index 0000000..f5dd020 --- /dev/null +++ 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; +} + \ No newline at end of file diff --git a/pages/insight/cars/audi.jpg b/pages/insight/cars/audi.jpg new file mode 100644 index 0000000..edbc90d Binary files /dev/null and b/pages/insight/cars/audi.jpg differ diff --git a/pages/insight/eventChild/cars/audi.jpg b/pages/insight/eventChild/cars/audi.jpg new file mode 100644 index 0000000..edbc90d Binary files /dev/null and b/pages/insight/eventChild/cars/audi.jpg differ diff --git a/pages/insight/eventChild/index.js b/pages/insight/eventChild/index.js new file mode 100644 index 0000000..4640bc2 --- /dev/null +++ b/pages/insight/eventChild/index.js @@ -0,0 +1,8 @@ +Page({ + data: { + + }, + onShow() { + this.getTabBar().init(); + }, +}) \ No newline at end of file diff --git a/pages/insight/eventChild/index.json b/pages/insight/eventChild/index.json new file mode 100644 index 0000000..6cdce25 --- /dev/null +++ b/pages/insight/eventChild/index.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + + } +} \ No newline at end of file diff --git a/pages/insight/eventChild/index.wxml b/pages/insight/eventChild/index.wxml new file mode 100644 index 0000000..30e9ef7 --- /dev/null +++ b/pages/insight/eventChild/index.wxml @@ -0,0 +1,23 @@ + + + + + + + 热点事件 + + + + + 比亚迪宋MAX紧凑型mpv你看了不... + + 71.16 + 影响力 + + + 71.16 + 影响力 + + + + \ No newline at end of file diff --git a/pages/insight/eventChild/index.wxss b/pages/insight/eventChild/index.wxss new file mode 100644 index 0000000..70686f3 --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/pages/insight/index.js b/pages/insight/index.js index 5360b80..af5ca9b 100644 --- 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 + }) + } }); \ No newline at end of file diff --git a/pages/insight/index.json b/pages/insight/index.json index ed6943b..71ab15d 100644 --- 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" + } } \ No newline at end of file diff --git a/pages/insight/index.wxml b/pages/insight/index.wxml index 66380b4..af529e8 100644 --- a/pages/insight/index.wxml +++ b/pages/insight/index.wxml @@ -1,13 +1,16 @@ - - 硕为思汽车智能洞察 - + + + - - + + + + \ No newline at end of file diff --git a/pages/insight/index.wxss b/pages/insight/index.wxss index cfb40e6..e47d6d1 100644 --- 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; +} \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/index.js b/pages/insight/pages/brandInsight/index.js new file mode 100644 index 0000000..26b6356 --- /dev/null +++ b/pages/insight/pages/brandInsight/index.js @@ -0,0 +1,5 @@ +Page({ + data: { + + } +}) \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/index.json b/pages/insight/pages/brandInsight/index.json new file mode 100644 index 0000000..80cc033 --- /dev/null +++ b/pages/insight/pages/brandInsight/index.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + + }, + "navigationBarTitleText": "品牌洞察" +} \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/index.wxml b/pages/insight/pages/brandInsight/index.wxml new file mode 100644 index 0000000..09ab193 --- /dev/null +++ b/pages/insight/pages/brandInsight/index.wxml @@ -0,0 +1,5 @@ + + + brandInsight + + \ No newline at end of file diff --git a/pages/insight/pages/brandInsight/index.wxss b/pages/insight/pages/brandInsight/index.wxss new file mode 100644 index 0000000..e69de29 diff --git a/pages/insight/pages/eventInsight/index.js b/pages/insight/pages/eventInsight/index.js new file mode 100644 index 0000000..26b6356 --- /dev/null +++ b/pages/insight/pages/eventInsight/index.js @@ -0,0 +1,5 @@ +Page({ + data: { + + } +}) \ No newline at end of file diff --git a/pages/insight/pages/eventInsight/index.json b/pages/insight/pages/eventInsight/index.json new file mode 100644 index 0000000..199ddd3 --- /dev/null +++ b/pages/insight/pages/eventInsight/index.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + + }, + "navigationBarTitleText": "事件洞察" +} \ No newline at end of file diff --git a/pages/insight/pages/eventInsight/index.wxml b/pages/insight/pages/eventInsight/index.wxml new file mode 100644 index 0000000..7cb5081 --- /dev/null +++ b/pages/insight/pages/eventInsight/index.wxml @@ -0,0 +1,5 @@ + + + eventInsight + + \ No newline at end of file diff --git a/pages/insight/pages/eventInsight/index.wxss b/pages/insight/pages/eventInsight/index.wxss new file mode 100644 index 0000000..e69de29 diff --git a/pages/insight/pages/modalInsight/index.js b/pages/insight/pages/modalInsight/index.js new file mode 100644 index 0000000..26b6356 --- /dev/null +++ b/pages/insight/pages/modalInsight/index.js @@ -0,0 +1,5 @@ +Page({ + data: { + + } +}) \ No newline at end of file diff --git a/pages/insight/pages/modalInsight/index.json b/pages/insight/pages/modalInsight/index.json new file mode 100644 index 0000000..48d69f1 --- /dev/null +++ b/pages/insight/pages/modalInsight/index.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + + }, + "navigationBarTitleText": "车型洞察" +} \ No newline at end of file diff --git a/pages/insight/pages/modalInsight/index.wxml b/pages/insight/pages/modalInsight/index.wxml new file mode 100644 index 0000000..1f63f4f --- /dev/null +++ b/pages/insight/pages/modalInsight/index.wxml @@ -0,0 +1,5 @@ + + + modalInsight + + \ No newline at end of file diff --git a/pages/insight/pages/modalInsight/index.wxss b/pages/insight/pages/modalInsight/index.wxss new file mode 100644 index 0000000..e69de29 diff --git a/pages/insight/pages/themeAnalize/index.js b/pages/insight/pages/themeAnalize/index.js new file mode 100644 index 0000000..26b6356 --- /dev/null +++ b/pages/insight/pages/themeAnalize/index.js @@ -0,0 +1,5 @@ +Page({ + data: { + + } +}) \ No newline at end of file diff --git a/pages/insight/pages/themeAnalize/index.json b/pages/insight/pages/themeAnalize/index.json new file mode 100644 index 0000000..fff0cff --- /dev/null +++ b/pages/insight/pages/themeAnalize/index.json @@ -0,0 +1,6 @@ +{ + "usingComponents": { + + }, + "navigationBarTitleText": "主题分析" +} \ No newline at end of file diff --git a/pages/insight/pages/themeAnalize/index.wxml b/pages/insight/pages/themeAnalize/index.wxml new file mode 100644 index 0000000..8425637 --- /dev/null +++ b/pages/insight/pages/themeAnalize/index.wxml @@ -0,0 +1,5 @@ + + + themeAnalize + + \ No newline at end of file diff --git a/pages/insight/pages/themeAnalize/index.wxss b/pages/insight/pages/themeAnalize/index.wxss new file mode 100644 index 0000000..e69de29 diff --git a/pages/insight/themeAnalize/cars/audi.jpg b/pages/insight/themeAnalize/cars/audi.jpg new file mode 100644 index 0000000..edbc90d Binary files /dev/null and b/pages/insight/themeAnalize/cars/audi.jpg differ diff --git a/pages/insight/themeAnalize/index.js b/pages/insight/themeAnalize/index.js new file mode 100644 index 0000000..4640bc2 --- /dev/null +++ b/pages/insight/themeAnalize/index.js @@ -0,0 +1,8 @@ +Page({ + data: { + + }, + onShow() { + this.getTabBar().init(); + }, +}) \ No newline at end of file diff --git a/pages/insight/themeAnalize/index.json b/pages/insight/themeAnalize/index.json new file mode 100644 index 0000000..6cdce25 --- /dev/null +++ b/pages/insight/themeAnalize/index.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + + } +} \ No newline at end of file diff --git a/pages/insight/themeAnalize/index.wxml b/pages/insight/themeAnalize/index.wxml new file mode 100644 index 0000000..cb24347 --- /dev/null +++ b/pages/insight/themeAnalize/index.wxml @@ -0,0 +1,4 @@ + + + eventChild + \ No newline at end of file diff --git a/pages/insight/themeAnalize/index.wxss b/pages/insight/themeAnalize/index.wxss new file mode 100644 index 0000000..1aef69e --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/project.private.config.json b/project.private.config.json index 2357ed1..ebc9cae 100644 --- 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