werun-wxapp/nova-werun/components/circle-card/index.wxml

<!--nova-werun/components/circle-card/index.wxml-->
<view class="trends-one">
    <!-- 详细-->
    <view wx:if="{{type=='detail'}}" class="namebax">
        <image src="{{cicleList[0].profile.user.avatar}}"></image>
        <view class="name">{{cicleList[0].profile.name}}</view>
    </view>
    <view class="text" wx:if="{{type=='detail'}}">{{cicleList[0].content}}</view>
    <!--  -->
    <view class="namebax" wx:if="{{type=='surface'}}" bindtap="gourl" data-url="../../pages/circle-detail/index" data-id="{{cicleList[0].objectId}}">
        <image src="{{cicleList[0].profile.user.avatar}}"></image>
        <view class="name">{{cicleList[0].profile.name}}</view>
    </view>
    <view wx:if="{{type=='surface'}}" class="text" bindtap="gourl" data-url="../../pages/circle-detail/index" data-id="{{cicleList[0].objectId}}">{{cicleList[0].content}}</view>
    <!-- 图片 -->
    <!-- 4张图片 -->
    <view class="picture4" wx:if="{{images.length==4}}">
        <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="image" wx:for="{{images}}" src="{{item}}"> </image>
    </view>
    <!-- 3张和4-9张图片 -->
    <block wx:if="{{ type=='surface'}}">
        <view class="picture" wx:if="{{images.length>4  && images.length<=9 || images.length==3 }}">
            <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="image" wx:for="{{images}}" src="{{item}}"> </image>
        </view>
    </block>

    <block wx:if="{{ type=='detail'}}">
        <view class="picture" wx:if="{{images.length>4   || images.length==3 }}">
            <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="image" wx:for="{{images}}" src="{{item}}"> </image>
        </view>
    </block>

    <!-- 9张以上图片 -->
    <view class="picture5" wx:if="{{images.length > 9 && type=='surface'}}">
        <view wx:for="{{images}}" wx:if="{{index < 9}}">
            <view class="image-wrapper">
                <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="image" src="{{item}}"></image>
                <view class="more-images" wx:if="{{index==8}}" bindtap="gourl" data-id="{{cicleList[0].objectId}}" data-url="../../pages/circle-detail/index">+{{images.length - 9}}</view>
            </view>
        </view>

    </view>
    <!-- 2张图片 -->
    <view class="picture2" wx:if="{{images.length==2}}">
        <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="image" wx:for="{{images}}" src="{{item}}"> </image>
    </view>
    <!-- 1张图片 -->
    <view class="picture3" wx:if="{{images.length==1}}">
        <image mode="scaleToFill" bindtap="previewImage" data-index="{{index}}" class="{{imageclass}}" wx:for="{{images}}" src="{{item}}" bindload="onImageLoad"> </image>
    </view>
    <!--  -->
    <view class="timebox">
        <view class="time-box">
            <view class="time">3个月前</view>
            <van-icon name="delete-o" size='20' />
        </view>
        <!-- 点赞评论 -->
        <view class="functionbox" wx:if="{{isgood}}">
            <view class="function">
                <view class="function1" wx:if="{{!isclick}}" bindtap="isclick">
                    <van-icon name="like-o" />
                    <view class="text2">赞</view>
                </view>
                <view class="function1" wx:if="{{isclick}}" bindtap="isclick">
                    <van-icon name="like" color='red' />
                    <view class="text2">取消</view>
                </view>
                |
                <view class="function1">
                    <van-icon name="chat-o" />
                    <view class="text2">评论</view>
                </view>
            </view>
        </view>
        <view class="point" bindtap="showgood"> ·· </view>

    </view>
</view>