小程序源码图片列表，图片下载

每日分享两个小程序源码

下载地址：无极低码：wheart.cnhttps://wheart.cn/so/home?m=dw&rid=f6d836c8-d54a-11ed-96fa-52540016e6ac

<!--index.wxml-->
<view><loading hidden="{{hidden}}" >加载中...</loading><view class= "card" wx:for = "{{items}}"><view  data-url="{{item.url}}" bindtap = "onItemClick"><image class= "image" mode="aspectFill" src="{{item.url}}"/><view class="title">{{item.title}}</view></view></view><button hidden="{{loadmorehidden}}" type="primary" class="loadmore" size="default" loading="{{loading}}" plain="{{plain}}" bindtap="loadMore"> 点击加载更多 </button></view>

//index.js
//获取应用实例
var app = getApp()
Page( {data: {items: [],hidden: false,loading: false,loadmorehidden:true,plain: false},onItemClick: function( event ) {var targetUrl = "/pages/image/image";//这个地方对于复杂路径有问题，传过去接收不到，因此先写死模拟console.log(event.currentTarget.dataset.url)if( event.currentTarget.dataset.url != null )targetUrl = targetUrl + "?url=" + event.currentTarget.dataset.url;wx.navigateTo( {url: targetUrl});},loadMore: function( event ) {var that = thisrequestData( that, mCurrentPage + 1 );},onLoad: function() {console.log( 'onLoad' )var that = this// requestData( that, mCurrentPage + 1 );var itemList = [];for( var i = 0;i < mUrl.length;i++ )itemList.push( { url: mUrl[ i ], desc: mDesc[ i ], who: mWho[ i ], time: mTimes[ i ], title: mTitles[ i ] });that.setData( {items: itemList,hidden: true,loadmorehidden:false,});}
})/*** 定义几个数组用来存取item中的数据*/
var mUrl = ['https://img2.baidu.com/it/u=3354585195,1512541150&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1681059600&t=8cf0bdc6481c6b4146124578763d3305','https://img2.baidu.com/it/u=1168822966,1926106915&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1681059600&t=3f7f2c944bb70efd3dc4cfc55c6b60f4','https://img2.baidu.com/it/u=2380091906,2026108107&fm=253&fmt=auto&app=138&f=JPEG?w=333&h=500'];
var mDesc = ['描述1','描述2','描述2'];
var mWho = ['作者1','作者2','描述2'];
var mTimes = ['2023年12月','2024年12月','2025年12月'];
var mTitles = ['宅男福利1','福利姬2'];var mCurrentPage = 0;// 引入utils包下的js文件
var Constant = require('../../utils/constant.js');/*** 请求数据* @param that Page的对象，用来setData更新数据* @param targetPage 请求的目标页码*/
function requestData( that, targetPage ) {wx.request( {url: Constant.GET_MEIZHI_URL+targetPage,header: {"Content-Type": "application/json"},success: function( res ) {if( res == null ||res.data == null ||res.data.results == null ||res.data.results.length <= 0 ) {console.error( "god bless you..." );return;}var i = 0;for( ;i < res.data.results.length;i++ )bindData( res.data.results[ i ] );//将获得的各种数据写入itemList，用于setDatavar itemList = [];for( var i = 0;i < mUrl.length;i++ )itemList.push( { url: mUrl[ i ], desc: mDesc[ i ], who: mWho[ i ], time: mTimes[ i ], title: mTitles[ i ] });that.setData( {items: itemList,hidden: true,loadmorehidden:false,});mCurrentPage = targetPage;},});
}/*** 绑定接口中返回的数据* @param itemData Gank.io返回的content;*/
function bindData( itemData ) {var url = itemData.url;var desc = itemData.desc;var who = itemData.who;var times = itemData.publishedAt;mUrl.push( url );mDesc.push( desc );mWho.push( who );mTimes.push( times );mTitles.push( "publish by：" + "@" + who + " —— " + times );
}

小程序源码图片列表，图片下载相关推荐

壁纸小程序源码，支持图片搜索，下载，分享，可对接流量主
很多小伙伴都喜欢给自己的博客站,搞一个小程序,让用户能方便访问.为什么小程序如此受青睐呢?因为小程序与APP的直接区别就是,我能在微信上直接得到我想要东西,比如看文章,下载壁纸,而不用繁琐的去下载AP ...
（已更新）壁纸小程序源码，支持图片搜索，下载，分享
很多小伙伴都喜欢给自己的博客站,搞一个小程序,让用户能方便访问.为什么小程序如此受青睐呢?因为小程序与APP的直接区别就是,我能在威信上直接得到我想要东西,比如看文章,下载壁纸,而不用繁琐的去下载AP ...
小程序源码：修复图片音频全新升级带特效喝酒神器小游戏微信小程序
这是一款全新升级带特效喝酒神器小游戏微信小程序源码小编发现很多喝酒神器小程序都不带特效和音效的感觉差了那么一点意思而且感觉也不炫酷所以小编今天给大家带来一款带特效,音效炫酷的喝酒神器该款神器由 ...
小程序源码：修复图片音频全新升级带特效喝酒神器小游戏-多玩法安装简单
这是一款全新升级带特效喝酒神器小游戏微信小程序源码小编发现很多喝酒神器小程序都不带特效和音效的感觉差了那么一点意思而且感觉也不炫酷所以小编今天给大家带来一款带特效,音效炫酷的喝酒神器该款神器由 ...
WordPress微信壁纸小程序源码高清壁纸下载小程序
源码介绍 WordPress微信壁纸小程序源码高清壁纸下载小程序 [功能特点] 精美的壁纸展示页面,搜索喜欢的壁纸,下载壁纸需观看激励视频广告,看一次,可免费下一天,热门壁纸榜单,壁纸收藏.分享功能 ...
多多进宝小程序源码_【图片】多多进宝小程序拼多客CMS 分销系统_多多进宝吧_百度贴吧...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼多多进宝小程序市场很大!优势很大! 随着小程序的火爆,市面上出现了各种好玩的商业模式,小程序能够让推手更好的开拓市场,获取更多的流量. 去年,小程序还是 ...
蓝色版去水印小程序源码+接口
介绍: 蓝色版小程序源码+接口网盘下载地址: http://kekewangLuo.net/edaLtfZJUE40 图片:
微信壁纸小程序源码修复图片无法下载-完美运营版本
源码介绍: 这套微信小程序完美修复市面上流传出来的同款壁纸小程序源码所有的Bug上线可以完美运营,最典型的就是在你们在网上下载的是不能够下载图片的,会一直显示加载中搭建教程: https://blo ...
图片拼图微信小程序源码下载支持多模板制作和流量主
该款小程序支持多种流量主另外支持多种图形模板制作切割另外也支持长图合成等功能安装简单,新手容易上手,具体就不多说了大家自行研究吧! 好了下面来看看小编的测试演示图! 小程序下载地址:(10条消息 ...

小程序源码图片列表，图片下载

小程序源码图片列表，图片下载相关推荐

最新文章

热门文章