新闻分类

This commit is contained in:
dong_bo0602 2020-07-13 15:27:02 +08:00
parent f413ee3968
commit 225a119a2c
3 changed files with 70 additions and 1 deletions

View File

@ -1,10 +1,14 @@
{
"pages": [
"pages/index/index",
"pages/order/order",
"pages/venue/venue",
"pages/center/center",
"pages/broadcastList/broadcastList",
"pages/newFriendCircle/newFriendCircle",
"pages/myFriendCircle/myFriendCircle",
"pages/friendCircle/friendCircle",
"pages/orderDetail/orderDetail",
"pages/broadcastList/broadcastList",
"pages/myVenueOrder/myVenueOrder",
"pages/broadcast/broadcast",
"pages/activityDialog/activityDialog",

View File

@ -1,3 +1,25 @@
<view class="top-tab">
<view class="tab-box active">
<image src="../../images/selected-l.png" class="selected-l"></image>
未参加
<image src="../../images/selected-r.png" class="selected-r"></image>
</view>
<view class="tab-box">
<image src="../../images/selected-l.png" class="selected-l"></image>
已参加
<image src="../../images/selected-r.png" class="selected-r"></image>
</view>
<view class="tab-box">
<image src="../../images/selected-l.png" class="selected-l"></image>
已参加
<image src="../../images/selected-r.png" class="selected-r"></image>
</view>
<view class="tab-box">
<image src="../../images/selected-l.png" class="selected-l"></image>
已参加
<image src="../../images/selected-r.png" class="selected-r"></image>
</view>
</view>
<view class="news">
<view wx:for="{{news.newsList}}" wx:for-index="idx" wx:for-item="item" wx:key="newsList">
<view class="news-box" bindtap="goNewsDetail" data-template-record-url="{{item.templateRecordUrl}}" wx:if="{{item.typesettingCode == 'key_1'}}">

View File

@ -1,6 +1,49 @@
.top-tab{
position: fixed;
top: 0;
left: 0;
right: 0;
display: flex;
box-shadow:0 0 17rpx 0 rgba(0,0,0,0.1);
border-radius:0 0 31rpx 31rpx;
background: #fff;
overflow-x: auto;
}
.tab-box{
display: inline-flex;
justify-content: center;
align-items: center;
width: 30%;
position: relative;
height: 90rpx;
font-size: 30rpx;
color: #242424;
flex-shrink: 0;
}
.tab-box.active{
color: #9F1512;
}
.tab-box image{
position: absolute;
width: 15rpx;
height: 40rpx;
top: 50%;
margin-top: -20rpx;
display: none;
}
.tab-box.active image{
display: block;
}
.tab-box image.selected-l{
left: 40rpx;
}
.tab-box image.selected-r{
right: 40rpx;
}
.news{
padding: 30rpx;
border-bottom: 5px solid #FBFBFB;
margin-top: 90rpx;
}
.news-box{
padding: 30rpx 0;