微信小程序Modify自定义输入

在微信小程序中，您无法修改输入样式。你甚至无法修改大小。那么如何制作自定义样式输入？

让我谈谈我的投入原则。有两张照片。一个是unchecked（input.png）已被选中（input_n.png）。更多click事件binddap事件以替换图像的路径。

首先请求后台界面获取数据

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，}）;}，}）

获取数据格式并将数据保存在数据中

在wxml中写一个循环到图像写入事件cli1将数组下标保存到data-id以区分单击了哪个按钮

{{item.pro_name}} {{item.pro_price}}

Js代码

Cli1: function（res）{//获取数组的索引以确认该按钮是var id=res.currentTarget.dataset.id; //保存所选的产品名称selectedProName=res.currentTarget.dataset。名称; //保存所选产品id selectedProId=res.currentTarget.dataset.proid;//因为它是一个单选按钮第一个循环所有商品将输入更改为未检查状态（产品中的var x）{product [x] .imgsrc='radio.png';} //根据获取的数组下标确定是否选择了输入。如果它被切换到未检查状态，如果它没有改变为选择状态if（product [id] .imgsrc=='radio.png'）{product [id] .imgsrc='radio_n.png';} else {product [id] .imgsrc='radio.png';}将整个数组保存在数据this.setData（{Product: product，}）;}

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。