d_index.wxml
7.09 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!--<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">
<view class="flex-lr block-title">
<view class="flex-lm">
<view class="block-line bg-orange"></view>
<view class="black-font font-bold font36r">热门活动</view>
</view>
<view class="flex-rr">
<view class="gray-font font24r">查看更多</view>
<image src="/pages/image/click.svg" class="click-icon"></image>
</view>
</view>
<view class="flex-rs">
<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>
<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>
<view class="pet-block">
<image src="/pages/image/topic1.jpg" class="topic-image"></image>
<view class="white-font font28r font-siny pet-mask flex-cm">#萌宠颜值大比拼</view>
</view>
<view class="pet-block">
<image src="http://qn.colorcun.com/b.png" class="topic-image"></image>
<view class="white-font font28r font-siny pet-mask flex-cm">#萌宠运动会</view>
</view>
</view>
</view>
<view style="height:20rpx;background:#f7f7f7;"></view>
<view class="pet-man">
<view class="flex-lr block-title">
<view class="flex-lm">
<view class="block-line bg-orange"></view>
<view class="black-font font-bold font36r">精选宠圈</view>
</view>
<view class="flex-rr">
<view class="gray-font font24r">查看更多</view>
<image src="/pages/image/click.svg" class="click-icon"></image>
</view>
</view>
<view class="pet-man-list flex-rs">
<swiper display-multiple-items="2" next-margin="90rpx" indicator-dots="true" indicator-active-color="#fe9401">
<block wx:for="{{pets}}">
<swiper-item>
<view class="pet-man-block">
<image src="http://qn.colorcun.com/b.png" class="pet-man-petimg"></image>
<view class="pet-man-info flex-vc">
<image src="/pages/image/topic3.jpg" class="pet-man-headimg"></image>
<view class="black-font font30r font-siny" style="margin-top:-18rpx;">爱喵铲屎官</view>
<view class="pet-man-care flex-cm">
<image src="/pages/image/collection.svg" class="pet-collection"></image>
<view class="gray-deep-font font24r">12</view>
</view>
</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
</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="flex-lr block-title">
<view class="flex-lm">
<view class="block-line bg-orange"></view>
<view class="black-font font-bold font36r">附近组队遛</view>
</view>
<view class="flex-rr">
<view class="gray-font font24r">查看更多</view>
<image src="/pages/image/click.svg" class="click-icon"></image>
</view>
</view>
<view class="pet-list">
<block wx:for="{{blocks}}">
<view class="pet-list-single flex-lt">
<view><image class="pet-image" src="http://qn.colorcun.com/b.png" mode="scaleToFill"></image></view>
<view class="pet-info">
<view class="black-font font32r font-bold">#组队一起遛，组队一起遛</view>
<view class="gray-deep-font font26r font-siny flex-lr" style="margin-top:14rpx;">唐城遗址公园<view>距离<text class="orange-font font30r">500</text>m</view></view>
<view class="gray-deep-font font26r" style="margin-top:14rpx;">周四 11-01 16:40</view>
<view class="flex-lm" style="margin-top:20rpx;">
<block wx:for="{{pets}}">
<block wx:if="{{index<4}}">
<image src="/pages/image/topic3.jpg" style="width:50rpx;height:50rpx;border-radius:50%;margin-right:10rpx;"></image>
</block>
</block>
<block wx:if="{{pets.length>4}}">
<view class="gray-deep-font font24r font-siny">等{{pets.length}}人加入</view>
</block>
</view>
<!--<view class="pet-join orange-font font28r flex-cm">参与</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>