rank.wxml
4.26 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
<!--榜单-->
<view class="rank">
<view class="rank-head flex-lr">
<view class="rank-head-block flex-vc">
<view class="rank-com rank-F">
<view class="rank-com rank-S">
<view class="rank-com rank-T" style="background-image: url(http://qn.colorcun.com/b.png);"></view>
</view>
</view>
<view class="rank-sort white-font bg-orange flex-cm font28r">2</view>
<view class="black-font font32r rank-house-title">橙子小馒头</view>
<view class="rank-pet-title flex-cm">
<view class="black-font font26r">小煎包</view>
<view class="gray-deep-font font24r" style="margin-left:10rpx;">16个月</view>
</view>
<view class="rank-care flex-cm">
<image src="/pages/image/collection.svg" class="rank-care-icon"></image>
<view class="gray-deep-font font26r font-siny">10012</view>
</view>
<view class="rank-care-act orange-font font28r flex-cm">关 注</view>
</view>
<view class="rank-head-block flex-vc rank-head-block-active">
<view class="rank-com rank-F">
<view class="rank-com rank-S">
<view class="rank-com rank-T" style="background-image: url(http://qn.colorcun.com/b.png);"></view>
</view>
</view>
<view class="rank-sort white-font bg-orange flex-cm font28r" style="width:46rpx;height:46rpx;top:-40rpx;">1</view>
<view class="black-font font34r rank-house-title font-bold">橙子小馒头</view>
<view class="rank-pet-title flex-cm">
<view class="black-font font30r">小煎包</view>
<view class="gray-deep-font font26r" style="margin-left:10rpx;">16个月</view>
</view>
<view class="rank-care flex-cm">
<image src="/pages/image/collection.svg" class="rank-care-icon" style="width:36rpx;height:36rpx;"></image>
<view class="gray-deep-font font28r">10023</view>
</view>
<view class="rank-care-act orange-font font30r flex-cm">关 注</view>
</view>
<view class="rank-head-block flex-vc">
<view class="rank-com rank-F">
<view class="rank-com rank-S">
<view class="rank-com rank-T" style="background-image: url(http://qn.colorcun.com/b.png);"></view>
</view>
</view>
<view class="rank-sort white-font bg-orange flex-cm font28r">3</view>
<view class="black-font font32r rank-house-title">橙子小馒头</view>
<view class="rank-pet-title flex-cm">
<view class="black-font font26r">小煎包</view>
<view class="gray-deep-font font24r" style="margin-left:10rpx;">16个月</view>
</view>
<view class="rank-care flex-cm">
<image src="/pages/image/collection.svg" class="rank-care-icon"></image>
<view class="gray-deep-font font26r font-siny">10001</view>
</view>
<view class="rank-care-act orange-font font28r flex-cm">关 注</view>
</view>
</view>
<view class="cut bg-gray"></view>
<block wx:for="{{blocks}}">
<view class="rank-block bg-white flex-lm">
<view class="gray-deep-font font30r">{{index+4}}</view>
<image src="/pages/image/topic3.jpg" class="rank-headimg"></image>
<view class="flex-lr rank-info">
<view class="flex-vl" style="width:100%;">
<view class="black-font font-bold font34r" style="margin-bottom:14rpx;">橙子小馒头</view>
<view class="flex-lm">
<view class="black-font font28r font-siny">小煎包</view>
<view class="gray-deep-font font24r font-siny" style="margin-left:12rpx;">18个月</view>
</view>
</view>
<view class="rank-info-care flex-lm">
<image src="/pages/image/collection.svg" class="rank-care-icon"></image>
<view class="gray-deep-font font26r font-siny">10001</view>
</view>
</view>
</view>
</block>
</view>