18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

企业的企业网站建设-【E企盈微信小程序开发】小

2021-04-14分享 "> 对不起,没有下一图集了!">
--------

企业的企业网站建设

------- 摘要:在手机微信小程序中是不可以改动input款式的 乃至改动尺寸也不可以,那末如何做一个自定款式的input呢

在手机微信小程序中是不可以改动input款式的 乃至改动尺寸也不可以,那末如何做一个自定款式的input呢
说一下我做的input的基本原理 有两张照片 一张是未选中的(input.png)一张是早已选中的 (input_n.png) 更具点一下恶性事件bindtap 恶性事件来拆换照片的相对路径完成。

最先恳求后台管理插口获得数据信息

wx.request({
url: imgsrc + \ /wechar/product/getproduct\ ,
data: \ \ ,
header: {},
method: \ GET\ ,
dataType: \ json\ ,
responseType: \ text\ ,
success: function (res) {
console.log(res);
that.setData({
product: res.data,
});
},
})

得到数据信息文件格式

把这些数据信息存入data里边

js编码
cli1:function(res)
{
//获得数字能量数组的下标 用来确定点一下的是那个按钮
var id = res.currentTarget.dataset.id;
//把选中的产品姓名存起来
selectedProName = res.currentTarget.dataset.name;
//把选中的产品id存起来
selectedProId = res.currentTarget.dataset.proid;

//由于是单选按钮最先循环系统全部的产品把input改成未选中的情况
for (var x in product) {
product[x].imgsrc = radio.png;
}
//依据获得过来的数字能量数组下标分辨input是不是是选中情况 假如是切换为未选中情况 假如并不是改成选中情况
if (product[id].imgsrc == radio.png) {
product[id].imgsrc = radio_n.png;
} else {
product[id].imgsrc = radio.png;
}
把全部数字能量数组存入data中
this.setData({
product: product,
});
}

有关资讯: 手机微信小程序   手机微信小程序开发设计实例教程

---------

企业的企业网站建设

------------
"> 对不起,没有下一图集了!">
在线咨询