d_index.wxml
4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!--<topTab></topTab>-->
<view hidden="{{home}}">
<view class="banner">
<swiper>
<block wx:for="{{banners}}">
<swiper-item>
<view class="banner-content">
<image src="{{item.imgurl}}" class="banner-image"></image>
<view class="banner-mask flex-cm">
<view style="padding:14rpx;border:3px solid rgba(255,255,255,.3);">
<view class="black-font font36r font-siny banner-mask-info flex-cm">{{item.info}}</view>
</view>
</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
<view class="midicon flex-cm">
<block wx:for="{{midlist}}">
<navigator class="mid-block flex-vc" url="{{item.path}}" hover-class="none">
<view class="mid-block-circle flex-cm">
<image src="{{item.icon}}" style="width:36rpx;height:36rpx;"></image>
</view>
<view class="black-font font26r font-siny">{{item.title}}</view>
</navigator>
</block>
</view>
<view style="height:20rpx;background:#f7f7f7;"></view>
<view class="topic flex-vl">
<swiper display-multiple-items="2" next-margin="80">
<swiper-item>
<view class="pet-block">
<image src="/pages/image/topic3.jpg" class="topic-image"></image>
<view class="white-font font28r font-siny pet-mask flex-cm">#萌宠时尚秀</view>
</view>
</swiper-item>
<swiper-item>
<view class="pet-block">
<image src="/pages/image/topic2.jpg" class="topic-image"></image>
<view class="white-font font28r font-siny pet-mask flex-cm">#萌宠照片集</view>
</view>
</swiper-item>
</swiper>
</view>
<view style="height:20rpx;background:#f7f7f7;"></view>
<view class="best-info">
<view class="best-info-title flex-cm">
<view class="best-line bg-black"></view>
<view class="best-react bg-black"></view>
<view class="black-font font34r font-siny" style="margin:0 30rpx;">精选</view>
<view class="best-react bg-black"></view>
<view class="best-line bg-black"></view>
</view>
<view class="pet-list">
<block wx:for="{{blocks}}">
<view class="pet-list-single flex-lr">
<view><image class="pet-image" src="/pages/image/topic2.jpg" mode="scaleToFill"></image></view>
<view class="pet-info">
<!--<image class="pet-head" src="/pages/image/topic2.jpg"></image>-->
<view class="black-font font28r font-more-two" style="width:450rpx;">作为一只金毛mm,保持傲娇绝对是她的生活状态！</view>
<view class="flex-lr" style="margin-top:26rpx;">
<view class="gray-font font24r">2018-10-24 16:45</view>
<view class="flex-rr">
<image src="/pages/image/collection.svg" class="collect-icon"></image>
<view class="gray-deep-font font24r">23</view>
</view>
</view>
</view>
</view>
</block>
<view class="gray-deep-font font26r flex-cm font-siny" style="padding:20rpx 0;">- 已经到底啦 -</view>
</view>
</view>
</view>
<view class="menu fixed" style="right:{{menuright}}rpx;bottom:{{menubottom}}rpx;" catchtouchmove="menumove">
<view class="black-font font-siny font24r flex-cm menu-menu" style="background:#fff;"bindtap="menushow">菜单</view>
<view class="white-font font-siny font24r flex-cm menu-scale {{isshow==true ? 'menu-team' : 'menu-hide'}}" bindtap="team">组队</view>
<view class="white-font font-siny font24r flex-cm menu-scale {{isshow==true ? 'menu-home' : 'menu-hide'}}" bindtap="home">社区</view>
<view class="white-font font-siny font24r flex-cm menu-scale {{isshow==true ? 'menu-sort' : 'menu-hide'}}" bindtap="sort">榜单</view>
</view>
<tabbar></tabbar>