微信博客小程序文章排序

问题遇到的现象和发生背景

img

问题相关代码,请勿粘贴截图
            <view class="jiangqie-news-view">
                <view wx:if="{{postsLast && postsLast.length>0}}" class="jiangqie-news-type">
                    <image src="../../images/index_ico/zx.png" mode="widthFix" class="jiangqie-page-icon2"></image>
                    最新文章
                    <view class="index_text_bg"></view>
                </view>
                <block wx:for="{{postsLast}}" wx:key="id">
                    <view wx:if="{{(listMode==1 && false) || (listMode==2) || (listMode==3 && index%5==4)}}" class="jiangqie-news-block image-wide" data-id="{{item.id}}" catchtap="handlerArticleClick">
                        <image src="{{item.thumbnail}}" mode="aspectFill" class="jiangqie-news-image"></image>
                        <view class="jiangqie-news-text">
                            <view class="jiangqie-news-title {{item.excerpt?'':'jiangqie-news-no-excerpt'}}">
                                <text wx:if="{{item.stick==1}}">推荐</text>
                                {{item.title}}
                            </view>
                            <view wx:if="{{item.excerpt}}" class="jiangqie-news-describe">{{item.excerpt}}</view>
                            <view class="jiangqie-news-info">
                                <view class="jiangqie-news-cmt">
                                    <image src="../../images/ctm2.png" mode="aspectFill" class=""></image>{{item.views}}
                                </view>
                                <view wx:if="{{item.tags[0].name}}" wx:key="id" class="jiangqie-news-tag">{{item.tags[0].name}}</view>
                            <view wx:if="{{item.tags[1].name}}" wx:key="id" class="jiangqie-news-tag tag2">{{item.tags[1].name}}</view>
                                <text class="jiangqie-news-time">{{item.time}}</text>
                            </view>
                        </view>
                        <!-- <image wx:if="{{item.stick==1}}" src="../../images/set_top.png" mode="aspectFill" class="jiangqie-news-stick-image"></image> -->
                    </view>
                    <view wx:else class="jiangqie-news-block" data-id="{{item.id}}" catchtap="handlerArticleClick">
                        
                        <image src="{{item.thumbnail}}" mode="aspectFill" class="jiangqie-news-image"></image>
                        <view class="jiangqie-news-text">
                            <view class="jiangqie-news-title {{item.excerpt?'':'jiangqie-news-no-excerpt'}}">
                                <text wx:if="{{item.stick==1}}">推荐</text>
                                {{item.title}}
                            </view>
                            <view wx:if="{{item.excerpt}}" class="jiangqie-news-describe">{{item.excerpt}}</view>
                            <view class="jiangqie-news-info">
                                <view class="jiangqie-news-cmt">
                                    <image src="../../images/ctm2.png" mode="aspectFill" class=""></image>{{item.views}}
                                </view>
                                <view wx:if="{{item.tags[0].name}}" wx:key="id" class="jiangqie-news-tag">{{item.tags[0].name}}</view>
                            <view wx:if="{{item.tags[1].name}}" wx:key="id" class="jiangqie-news-tag tag2">{{item.tags[1].name}}</view>
                                <text class="jiangqie-news-time">{{item.time}}</text>
                            </view>
                        </view>
                        <!-- <image wx:if="{{item.stick==1}}" src="../../images/set_top.png" mode="aspectFill" class="jiangqie-news-stick-image"></image> -->
                    </view>
                </block>
            </view>
        </view>
运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

我想把这个最新文章在上面不是在下面

叫后端直接排好顺序给你

你的这个问题有这两个方法可以解决,第一种是通过后端进行排序,sql语句,

order by desc

前端也可以通过js利用 .reverse()函数进行倒序排序。

arr.reverse()

实际效果如下

img