commit
50424b292e
@ -0,0 +1,28 @@
|
||||
Component({
|
||||
data: {
|
||||
actived:0,
|
||||
timelist: ['二十四小时', '最近七天', '最近三十天', '自定义'],
|
||||
questes: [
|
||||
{
|
||||
tip: '比亚迪宋MAX紧凑型mpv你看了不...',
|
||||
title: '72.45',
|
||||
subtitle: '媒体测评',
|
||||
},
|
||||
{
|
||||
tip: '比亚迪宋MAX紧凑型mpv你看了不...',
|
||||
title: '72.45',
|
||||
subtitle: '媒体测评',
|
||||
}
|
||||
]
|
||||
|
||||
},
|
||||
methods: {
|
||||
timetap(){
|
||||
console.log('dd',intervalSel)
|
||||
this.setData({
|
||||
intervalSel: e.currentTarget.dataset.value
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
})
|
@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
@ -0,0 +1,37 @@
|
||||
<view>
|
||||
<view class="timelist">
|
||||
<text wx:for="{{timelist}}" class="{{index === intervalSel?'active':''}}" data-index="{{index}}" bindtap="priceSel">{{item}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="list_event" style="background-image: url('/images/sj_beijin.png');">
|
||||
<view class="event_title">热点事件</view>
|
||||
<view wx:for="{{questes}}" 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 class="content">
|
||||
<view class="text_pinpai">2022-04-29 23:02:01
|
||||
</view>
|
||||
<view class="text_title">谁说国产没有高性能SUV这3款国产SUV
|
||||
</view>
|
||||
<view class="content_text">
|
||||
<view class="content_pinpai">作者:明哥飞扬
|
||||
</view>
|
||||
<view class="content_pinpai">媒体:新浪微博
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
@ -0,0 +1,73 @@
|
||||
.timelist {
|
||||
margin: 32rpx;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4,1fr);
|
||||
grid-gap: 16rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.timelist text {
|
||||
text-align: center;
|
||||
background: #FAFBFD;
|
||||
border-radius: 4rpx;
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
padding: 16rpx 0rpx;
|
||||
}
|
||||
|
||||
.timelist .active {
|
||||
color: #027AFF;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
/* 热点事件 */
|
||||
.list_event{
|
||||
margin: 0 32rpx;
|
||||
background-size: cover;
|
||||
width: 686rpx;
|
||||
height: 616rpx;
|
||||
border-radius: 8rpx;
|
||||
|
||||
}
|
||||
.event_title{
|
||||
font-size: 36rpx;
|
||||
padding: 32rpx;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
/* 文章 */
|
||||
.content{
|
||||
margin: 24rpx 32rpx;
|
||||
background-color: #ffffff;
|
||||
width: 686rpx;
|
||||
height: 248rpx;
|
||||
border-radius: 24rpx;
|
||||
padding: 0rpx 32rpx;
|
||||
}
|
||||
.content_text{
|
||||
display: flex;
|
||||
justify-content : space-between;
|
||||
/* padding: 0rpx 32rpx; */
|
||||
|
||||
}
|
||||
.content_pinpai{
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
|
||||
}
|
@ -1,5 +1,6 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"data-child": "../../components/indexCom/dataChild/index"
|
||||
"data-child": "../../components/indexCom/dataChild/index",
|
||||
"event-child":"../../components/indexCom/eventChild/index"
|
||||
}
|
||||
}
|
@ -1,8 +1,9 @@
|
||||
<!--index.wxml-->
|
||||
<view class="container">
|
||||
<van-tabs class="menu-tabs" active="{{ active }}">
|
||||
<van-tabs class="menu-tabs" active="{{ active }}" ellipsis="{{false}}" animated="{{true}}">
|
||||
<van-tab wx:for="{{navData}}" title="{{item.text}}">
|
||||
<data-child wx:if="{{item.component === 'data-child'}}"></data-child>
|
||||
<event-child wx:if="{{item.component === 'event-child'}}"></event-child>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
<tabbar />
|
||||
|
Loading…
Reference in new issue