微信小程序源码模仿artand下载

红太狼 2024-03-24 15:43 106阅读 0赞

![58ce5d5e20a2463d973c33b0c556f2ff.png][]![3acf1815dc1b43f384d18333e068f076.png][]![da294839472f490d96bfc23b252c2b6c.png][]![367c96a102a446de840402bb5eb5273f.png][]

<view class="navbar">
      <view class="navbar-item" wx:for="{
       {navbar}}" wx:for-index="idx" data-idx="{
       {idx}}" bindtap="swichNav">
        <text class="navbar-text {
       {currentNavbar==idx ? 'active' : ''}}">{
       {item}}</text>
      </view>
    </view>
    
    
    <scroll-view class="hot-item-container {
       {currentNavbar==0 ? '' : 'hidden'}}" style="height: {
       {systemInfo.windowHeight-81}}px;" scroll-y="true" bindscrolltolower="pullUpLoad">
      <block wx:for="{
       {list}}">
        <view class="hot-item">
          <view class="image-container" data-row-id="{
       {item.row_id}}" bindtap="onItemClick">
            <image src="{
       {item.pic}}!app.c540.webp"
              mode="scaleToFill" class="hot-image"
              style="width:{
       {systemInfo.windowWidth}}px;height:{
       {systemInfo.windowWidth}}px">
            </image>
            <view class="item-mask">
              <text class="hot-item-title">{
       {item.name}}</text>
              <text class="hot-item-category">{
       {item.category}}{
       {item.size_label?' / '+item.size_label:''}}{
       {item.times?' / '+item.times:''}}</text>
            </view>
          </view>
    
          <view class="hot-item-desc">
            <image src="{
       {item.pic}}/180" class="hot-head-image"></image>
            <view class="hot-item-detail">
              <text class="hot-item-username">{
       {item.name}}</text>
              <view class="hot-location">
                <image src="../../images/location.png" class="hot-location-icon"></image>
                {
       {item.category}}
              </view>
            </view>
            <view class="hot-item-like">
              <image src="../../images/like.png" class="hot-like-icon"></image>
              {
       {item.num_liked}}
            </view>
          </view>
        </view>
      </block>
    </scroll-view>
    
    
    <scroll-view class="latest-item-container {
       {currentNavbar==1 ? '' : 'hidden'}}" style="height: {
       {systemInfo.windowHeight-81}}px;" scroll-y="true" bindscrolltolower="pullUpLoadLatest">
      <block wx:for="{
       {latest_list}}" wx:for-index="idx">
        <view wx:if="{
       {idx%3===0}}" class="latest-item">
          <image src="{
       {_api.HOST_WORK+latest_list[idx].pic.pid}}!app.c360.webp" class="latest-image"
            data-row-id="{
       {latest_list[idx].row_id}}" bindtap="onItemClick"
            style="width:{
       {(systemInfo.windowWidth-2)/3}}px;height:{
       {(systemInfo.windowWidth-2)/3}}px;" mode="scaleToFill">
          </image>
          <image src="{
       {_api.HOST_WORK+latest_list[idx+1].pic.pid}}!app.c360.webp" class="latest-image"
            data-row-id="{
       {latest_list[idx+1].row_id}}" bindtap="onItemClick"
            style="width:{
       {(systemInfo.windowWidth-2)/3}}px;height:{
       {(systemInfo.windowWidth-2)/3}}px;" mode="scaleToFill">
          </image>
          <image src="{
       {_api.HOST_WORK+latest_list[idx+2].pic.pid}}!app.c360.webp" class="latest-image"
            data-row-id="{
       {latest_list[idx+2].row_id}}" bindtap="onItemClick"
            style="width:{
       {(systemInfo.windowWidth-2)/3}}px;height:{
       {(systemInfo.windowWidth-2)/3}}px;" mode="scaleToFill">
          </image>
        </view>
      </block>
    </scroll-view>

源码地址[源码地址][Link 1]

[58ce5d5e20a2463d973c33b0c556f2ff.png]: https://img-blog.csdnimg.cn/58ce5d5e20a2463d973c33b0c556f2ff.png
[3acf1815dc1b43f384d18333e068f076.png]: https://img-blog.csdnimg.cn/3acf1815dc1b43f384d18333e068f076.png
[da294839472f490d96bfc23b252c2b6c.png]: https://img-blog.csdnimg.cn/da294839472f490d96bfc23b252c2b6c.png
[367c96a102a446de840402bb5eb5273f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/94eb69d25e894f34969388f622c70b95.png
[Link 1]: https://wheart.cn/so/home?m=dw&rid=157b8cf4-d489-11ed-96fa-52540016e6ac