d_index.wxml 5.88 KB
<!--<topTab></topTab>-->
<!--组队-->
<view class="team"  hidden="{{team}}">
    <view><image src="/pages/image/banner.jpg" class="team-banner"></image></view>
    <view class="search-block flex-lr bg-white">
        <block wx:for="{{searchlist}}">
            <view class="{{item.isactive==true ? 'orange-font' : 'gray-deep-font'}} font24r search-block-single flex-vc" style="border:{{item.isactive==true ? '1px solid #fe9401' : 0}};background:{{item.isactive==true ? 'transparent' : '#f7f7f7'}};">{{item.title}}</view>
        </block>
    </view>
    <view class="team-list bg-white">
        <block wx:for="{{blocks}}">
            <view class="team-block flex-lm">
                <image src="../image/topic2.jpg" class="dog-headimg"></image>
                <view class="flex-lr team-info">
                    <view class="flex-vl">
                        <view class="black-font font30r">小煎包<text class="font24r gray-font">(1岁8个月)</text></view>
                        <view class="orange-font font28r" style="margin-top:20rpx;">10-25 周四 6:30</view>
                    </view>
                    <view class="flex-rr">
                        <view class="gray-deep-font font28r" style="margin-top:-4rpx;">距离<text class="orange-font font28r">500</text>m</view>
                        <image src="/pages/image/click.svg" class="click-icon"></image>
                    </view>
                </view>
            </view>
        </block>
        <view class="gray-font font26r flex-cm" style="padding:20rpx 0;">已经到底啦~</view>
    </view>
</view>


<!--榜单-->
<view class="rank" hidden="{{sort}}">
    <block wx:for="{{blocks}}">
        <view class="rank-block bg-white flex-lm">
            <image src="/pages/image/topic2.jpg" class="rank-headimg" background-size="cover"></image>
            <view class="flex-vl rank-info">
                <view class="flex-lr" style="width:100%;">
                    <view>
                        <view class="black-font font-bold font32r" style="margin-bottom:14rpx;">小煎包</view>
                        <view class="gray-font font20r font-siny">1岁零2个月</view>
                    </view>
                    <view class="white-font font28r bg-orange rank-title flex-cm">活跃之星</view>
                </view>
                <view class="black-font font26r font-siny rank-info-detail font-more-two">虽然到目前为止家里还没进过贼,但是,这种事情最好别发生了,我对我家那傻狗没信心等等等等</view>
            </view>
        </view>
    </block>
</view>

<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="topic flex-lr">
    <swiper display-multiple-items="2" next-margin="80">
        <swiper-item>
            <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>
        </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 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>
</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>