t_detail.wxml 4.27 KB
<view>
    <view class="banner-main">
        <image src="http://qn.colorcun.com/b.png" class="banner-img"></image>
        <view class="banner-mask flex-vl">
            <view class="white-font font-bold font36r" style="margin-top:20rpx;">#组队一起遛,组队一起遛</view>
            <view class="team-detail">
                <view class="white-font font28r font-siny">地址:西安市雁塔区唐城遗址公园</view>
                <view class="white-font font28r font-siny">时间:周四 11-01 16:50</view>
            </view>
            <view class="white-font font26r font-siny team-share flex-cm">分享行程</view>
        </view>
    </view>
    <view class="team-info bg-white">
        <view class="team-person flex-lr">
            <view class="flex-lm">
                <image src="/pages/image/topic3.jpg" class="team-homimg"></image>
                <view class="orange-font font28r font-siny">爱喵铲屎官</view>
            </view>
            <!--<view class="bg-orange white-font flex-cm font24r team-join">参与</view>-->
        </view>
        <view class="team-info-content black-font font28r font-siny flex-vl">
            <view>相约一起周末遛宠,</view>
            <view>晒晒太阳,</view>
            <view>打发时间</view>
        </view>
        <view class="gray-font font24r font-siny" style="width:100%;padding:50rpx 30rpx;box-sizing:border-box;">点击"参与"即可联系到发起人并开始沟通</view>
        <view class="remark-msg bg-gray">
            <view class="gray-font font28r font-siny">共3条留言</view>
            <view class="remark-msg-list">
                <block wx:for="{{remarklist}}">
                    <view class="remark-msg-single flex-lm">
                        <view class="font28r font-siny" style="color:#63afea;">燕子:</view>
                        <view class="black-font font28r font-siny">哉崽崽哉崽崽</view>
                    </view>
                </block>
            </view>
        </view>
        <view class="gray-deep-font font30r" style="padding:30rpx;margin-bottom:20rpx;">添加留言</view>
        <view style="height:20rpx;background:#f7f7f7;"></view>
        <view class="gray-deep-font font26r font-siny joiner-count flex-cm">
            <view class="joiner-line"></view>
            <view style="padding:0 12rpx;">共{{joiner.length+1}}人参与</view>
            <view class="joiner-line"></view>
        </view>
        <view class="joiner-list">
            <view class="flex-lr joiner-single">
                <view class="flex-lm">
                    <image src="/pages/image/topic2.jpg" class="joiner-img"></image>
                    <view class="black-font font26r font-siny">爱喵铲屎官</view>
                </view>
                <view class="gray-deep-font font26r font-siny">发起者</view>
            </view>
            <block wx:for="{{joiner}}">
                <view class="flex-lr joiner-single">
                    <view class="flex-lm">
                         <image src="http://qn.colorcun.com/b.png" class="joiner-img"></image>
                         <view class="black-font font26r font-siny">橙子小馒头</view>
                    </view>
                    <view class="gray-font font26r font-siny">参与者</view>
                </view>
            </block>
        </view>
    </view>
</view>
<view class="fixed fixed-function left bottom bg-white flex-lr">
    <view class="other-function flex-lm">
        <view class="flex-vc">
            <image src="/pages/image/team-main.svg" class="msg-icon"></image>
            <view class="gray-font font24r font-siny">首页</view>
        </view>
        <view class="flex-vc">
            <image src="/pages/image/team-msg.svg" class="msg-icon"></image>
            <view class="gray-font font24r font-siny">留言</view>
        </view>
        <view class="flex-vc">
            <image src="/pages/image/team-share.svg" class="msg-icon"></image>
            <view class="gray-font font24r font-siny">分享</view>
        </view>
        <view class="flex-vc">
             <image src="/pages/image/team-care.svg" class="msg-icon"></image>
             <view class="gray-font font24r font-siny">关注</view>
        </view>
    </view>
    <view class="bg-orange white-font font28r join-team flex-cm">参与</view>
</view>