微信小程序的index.js怎么写?详细代码见下方↓

微信小程序实例index.js代码如下:可以搜索小程序名称: 快递最后一公里 实例index.js代码 var app = getApp();Page({ / 页面的初始数据 / data: { //三张图片轮播 imgUrls: [{ imageUrl: '/images/weicha/timg1.jpg',},{ imageUrl: '/images/weicha/timg2.jpg',},{ imageUrl: '/...
微信小程序的index.js怎么写?详细代码见下方↓
微信小程序实例index.js代码如下:
可以搜索小程序名称: 快递最后一公里
实例index.js代码
var app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//三张图片轮播
imgUrls: [
{
imageUrl: '/images/weicha/timg1.jpg',
},
{
imageUrl: '/images/weicha/timg2.jpg',
},
{
imageUrl: '/images/weicha/timg3.jpg',
}
],
indicatorDots: false,
autoplay: false,
interval: 5000,
duration: 800,
},
onSwiperTab: function (e) {
/*var postId = e.target.dataset.postId;
wx.navigateTo({
url: postId,
});*/
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
app.loginWinCha(this.initPageData);
},
//初始化登录才能查看的数据
initPageData: function () {
this.setData({
componentList: [
{
id: 1,
url: '../weicha/express/courier/index',
imageUrl: '/images/weicha/timg1_1.jpg',
title: '快递小哥(送快递)',
queryType: 'courier'
},
{
id: 2,
url: '../weicha/express/seller/index',
imageUrl: '/images/weicha/timg1_2.jpg',
title: '合作商家(代收快递)',
queryType: 'seller'
},
{
id: 3,
url: '../weicha/express/personal/index',
imageUrl: '/images/weicha/timg1_3.jpg',
title: '收件人(签收快递)'
},
{
id: 4,
url: '../weicha/express/logistics/index',
imageUrl: '/images/weicha/timg1_4.jpg',
title: '快递物流查询'
}
]
});
},
onItemClick: function (e) {
var targetUrl = e.currentTarget.dataset.pay;
var targetQueryType = e.currentTarget.dataset.index;
if (targetQueryType == "seller") {
var reqData = {
seller_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("sellerInfo", reqData, targetQueryType, targetUrl,
"亲,您暂未申请商家,请提交商家申请!");
} else if (targetQueryType == "courier") {
var reqData = {
courier_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("courierInfo", reqData, targetQueryType, targetUrl,
"亲,您暂未申请快递员,请提交快递员申请!");;
} else {
wx.navigateTo({
url: targetUrl
});
}
},
queryDBUtil: function (reqCollectionName, reqData,queryType, retUrl,retMgs){
wx.cloud.callFunction({
name: "utilsDB",
data: {
collectionName: reqCollectionName,
collectionWhere: reqData
},
complete: res => {
let retStatus = '1';
if (res.result.data.length >= 1) {
retStatus = res.result.data[0].status;
}
if (retStatus == '2') {
if (queryType == "seller"){
app.globalData.seller = res.result.data[0];
} else if (queryType == "courier"){
app.globalData.courier = res.result.data[0];
}
wx.navigateTo({
url: retUrl
});
} else {
wx.showToast({
icon: 'none',
title: retMgs
});
}
},
fail: err => {
wx.showToast({
icon: 'none',
title: retMgs
});
}
});
}
})2021-05-13
mengvlog 阅读 8 次 更新于 2025-07-21 04:51:24 我来答关注问题0
  •  猪八戒网 小程序怎么调用后端接口?

    5、打开浏览器搜索框输入“微信公众平台”,点击搜索。?点击出现的“微信公众平台”官网进入,找到并点击“小程序”选项。?鼠标放在“小程序”按钮上出现“查看详情”。?点击进入后选择“前往注册”。6、打开微信公众平台,登录微信小程序帐号2前往新建一个空白模版或者选择里面的模版,通过组件拖拽添加制...

  •  信必鑫服务平台 微信小程序给了后台接口,前端怎样调用

    1、首先在 index.js中想写逻辑代码。2、其中page里面的data里面是前台展示时的一些数据,而onload里面是调用的接口。3、调用的方式为get调用,返回的数据存在res里面。4、返回的数据,而data中就是我们需要的数据。5、data:一个入参。method:请求方式,如果是POST请求必须按上面写,默认是get请求,不...

  •  阿暄生活 AI五分钟上线一个微信小程序

    是的,借助AI的力量,无需编程基础,五分钟内确实可以上线一个微信小程序。具体操作步骤如下:生成代码:使用AI工具生成index.js、index.wxml和index.wxss三个文件的代码。其中,index.js负责程序逻辑,index.wxml定义程序界面,index.wxss设置界面样式。替换代码:将AI生成的代码粘贴到微信小程序的开发工具...

  •  文暄生活科普 「微信小程序」如何设置小程序页面分享/转发能力

    设置步骤如下:1. 新建小程序项目,填写APPID。2. 在index.js文件中,将page下最后一个getUserInfo函数后添加onShareAppMessage函数,并确保函数定义完整。分享效果:完成以上设置后,小程序页面将具备分享转发能力。分享时,页面底部会出现“转发”按钮,用户点击后即可完成分享。总结:通过在微信小程序中定...

  •  猪八戒网 微信小程序开发者工具如何在js中导入图片

    1.在小程序项目的目录结构中创建一个用于存放图片的文件夹,例如在根目录下创建一个名为"images"的文件夹。2.将要导入的图片文件拷贝到该文件夹下。3.在需要使用图片的JavaScript文件中,使用相对路径引用图片。例如,如果要在"pages/index/index.js"中引用"images"文件夹下的"logo.png"图片,可以使用...

檬味博客在线解答立即免费咨询

代码相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部