微信小程序的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

})

}

})

}

})

function OpenPort()

{

var cmd_send = ""

var result = $('txtReceive').value

var results = result.split(',')

for(var i=0i<results.lengthi++)

{

cmd_send += String.fromCharCode(eval(results[i]))

}

if(MSComm1.PortOpen==false)

{

MSComm1.PortOpen=true

MSComm1.Output=cmd_send//发送命令

}

else

{

window.alert ("已经开始接收数据!")

}

}

function ClosePort()

{

if(MSComm1.PortOpen==true)

{

MSComm1.PortOpen=false

}

else

{

window.alert ("串口已经关闭!")

}

}

function SendMessage()

{

var cmd_send = ""

var result = $('txtReceive').value

var results = result.split(',')

for(var i=0i<results.lengthi++)

{

cmd_send += String.fromCharCode(eval(results[i]))

}

if(MSComm1.PortOpen==false)

{

window.alert ("串口已经关闭!!")

}

else

{

MSComm1.Output=cmd_send//发送命令

}

}

详见：

http://blog.csdn.net/xuing/article/details/6688306

求采纳！！！！！！！！！

微信小程序是运行在自身内置浏览器的一种程序语言，它对正常的html、css、js做了以下要求：

1、html在小程序里后缀已经改成了wxml，html中的div、p、a基本上所有的html标签都去除或者做了改动，如div可以用view，img改成了image，所以前端html标签你需要替换成wxml内置的标签

2、其次css也变成了wxss,样式定义跟原来到倒是完全以后，改下后缀即可

3、js也就是小程序的逻辑层，需要按照小程序的规定去写，具体的可以参照网页链接给的官方文档去 *** 作

4、总体来说换了一种格式去写，移植过去也不是太复杂

---