dev
zx
3 years ago
parent
c0fefc413e
commit
f267d83228
|
After Width: | Height: | Size: 76 KiB |
@ -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"
|
||||
})
|
||||
},
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@ -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>
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 76 KiB |
@ -0,0 +1,8 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.getTabBar().init();
|
||||
},
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@ -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>
|
||||
@ -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;
|
||||
}
|
||||
@ -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"
|
||||
}
|
||||
}
|
||||
@ -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>
|
||||
@ -0,0 +1,5 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
},
|
||||
"navigationBarTitleText": "品牌洞察"
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
<view>
|
||||
<view>
|
||||
brandInsight
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,5 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
},
|
||||
"navigationBarTitleText": "事件洞察"
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
<view>
|
||||
<view>
|
||||
eventInsight
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,5 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
},
|
||||
"navigationBarTitleText": "车型洞察"
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
<view>
|
||||
<view>
|
||||
modalInsight
|
||||
</view>
|
||||
</view>
|
||||
@ -0,0 +1,5 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
}
|
||||
})
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
},
|
||||
"navigationBarTitleText": "主题分析"
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
<view>
|
||||
<view>
|
||||
themeAnalize
|
||||
</view>
|
||||
</view>
|
||||
|
After Width: | Height: | Size: 76 KiB |
@ -0,0 +1,8 @@
|
||||
Page({
|
||||
data: {
|
||||
|
||||
},
|
||||
onShow() {
|
||||
this.getTabBar().init();
|
||||
},
|
||||
})
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
<view>
|
||||
<view style="height: 40px;"></view>
|
||||
eventChild
|
||||
</view>
|
||||
@ -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;
|
||||
}
|
||||
Loading…
Reference in new issue