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

<!--nova-werun/components/circle/index.wxml-->
<view class="all" style="padding-top: {{contentpadding}}rpx; height: {{contentHeight}}rpx;">
    <view class="trends" style="height: {{contentHeight2}}rpx;">
        <view class="trends-one" wx:for="{{7}}" wx:key="index">
            <view class="namebax" bindtap="gourl" data-url="../../pages/circle-detail/index">
                <image src="https://file-cloud.fmode.cn/qpFbRRSZrO/20241102/uk13u1041343733.png?imageView2/1/w/200/h/200"></image>
                <view class="name">名字</view>
            </view>
            <view class="text" bindtap="gourl" data-url="../../pages/circle-detail/index">说说在微信开发者工具中进行测试，确保定位和轨迹绘制的准确性。</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张图片 -->
            <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>
            <!-- 9张以上图片 -->
            <view class="picture5" wx:if="{{images.length > 9}}">
                <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-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>
    </view>
</view>