<!--pages/methodOfTrans/methodOfTrans.wxml-->
<view class="wrap">
<block wx:for="{{method}}">
<view class="row" bindtap="methodChoosed" data-value="{{item.id}}">
<text class="ml5" >{{item.name}}</text>
<view class="hr"></view>
</view>
</block>
</view>
|
/* pages/methodOfTrans/methodOfTrans.wxss */
.wrap{
margin-top:10px;
padding:10px 10px 100px 10px;
background-color: #ffffff;
}
.row{
}
.ml5{
margin-left:10px;
color:#6e6e6e;
/* font-size: 17px; */
}
|
// pages/methodOfTrans/methodOfTrans.js
Page({
/**
* 页面的初始数据
*/
data: {
method:[
{"name":"DHL","id":"1"},
{ "name": "FEDEX", "id": "2" },
{ "name": "EMS", "id": "3" },
{ "name": "邮政小包", "id": "4" },
{ "name": "双清包税专线", "id": "5" },
{ "name": "DPEX", "id": "6" },
{ "name": "ENTEX专线(敏感货)", "id": "7" },
{ "name": "ENTEX专线（非敏感货）", "id": "8" },
{ "name": "SAL", "id": "9" },
]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
methodChoosed: function (event){
console.log(event.currentTarget.dataset.value)
}
})
|
模板简介：该模板名称为【微信小程序配各英中文专线展示页设计制作开发教程】，大小是，文档格式为.，推荐使用打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。
.jpg)
.jpg)
