当前位置:首页 > 微商怎么做 > 代理怎么做

微信小程序多选框样式怎么开发

编辑:小飞燕 发布时间:2021-03-11 07:29:24

导语本文整理了全网深受用户关注的个微信小程序多选框样式怎么开发经验知识,可以帮助您全面了解代理怎么做,小白也能成为高手,跟随小编一起来看一看吧!

微信小程序多盒风格怎么开发?作为一个微信小程序的开发者,如果你不知道如何开发微信小程序的多盒风格,你就出局了。下面是微信小程序多盒风格的开发方法和代码。学得快。

微信小程序多盒风格怎么开发?

微信小程序多盒组件替代lxcheckboxgroup组件:

lxcheckboxgroup多选框的效果如下图所示:

微信小程序多盒风格开发步骤:

设置布局,用小程序文字和图标垂直居中,左边4px的距离,各有各的线。

布局微信小程序文件

样式表

/*整个复选框组容器*/。lxcheckboxgroup {

宽度: 80px;

height: 26px

margin:20px auto

}

/*单复选框容器*/。lxcheckboxgroup视图{

/*上下间距4px*/

margin: 4px auto

}

/*复选框图标*/。lxcheckboxgroup图标{

/*文本由块描述,因此向左浮动*/

向左浮动:

}

/*文本标签样式*/。lxcheckboxgroup文本{

font-size : 14px;

/*20px是左按钮的大小,4px是真正的左间距*/

margin-left : 24px;

/*高亮等于图标实现垂直居中*/

height: 20px

/*文本垂直居中*/

line-height : 20px;

/*块布局,否则文本高度无效*/

display:块;

}

js微信小程序代码:

页面({

数据: {

项目: [

{value: 'usa ',text:' usa ',type: 'circle'},{value: 'chn ',text:' china ',type: 'success_circle'},{value: 'bra ',text:' brazil ',type: 'circle'},{value: 'jpn ',text:' japan ',type: 'circle'},{value: 'eng ',text:' uk ',type: 'circle'},{value: 'tur ',text:' france ',type: 'circle'},]

},

bindcheckbox:函数(e) {

//绑定事件,将复选框样式更改为选中和未选中

console . log(' s ' e . current target . dataset . value);

}

})

响应于事件

使用e.currenttarget.dataset.index传递checkbox的索引值,并执行和不操作,将选中的值分别存储在checkedvalues数组中,以便返回和提交操作。

bindcheckbox:函数(e) {

/*绑定事件并将复选框样式更改为选中和未选中*/

//获取项目中遍历指示的下标值

var index=par sent(e . current target . dataset . index);

//原始图标状态

var type=this.data.items[index]。类型;

var items=this . data . items;

if (type=='circle') {

//未选中时

项目[索引]。type=' success _ circle

} else {

项目[索引]。type=' circle

}

//回写通过修改的数组

this.setdata({

项目:项

});

//遍历获取校验值

var checked values=[];

for(var i=0;i项.长度;i ) {

if(项目[i]。type=='success_circle') {

checkedvalues.push(items[i])。值);

}

}

//写回数据以提交给网络

this.setdata({

checked values : checked values

});

}

下面是题目的开头。如何通过微信小程序在线订餐?标题到此结束

从几年前开始,微信作为一种新的便捷生活方式进入了人们的视野。微信小程序比较近推出了在线点菜业务,小编也是一个经常在网上点菜的美食家。我们来说说外卖app的微信小程序。毕竟人以食为天。

微信小程序可以通过扫描、搜索、长按识别二维码等方式在线订购,让客户关注商家对应的小程序。通过第三方平台,商家和客户可以随时随地使用微信上的小程序,可以实现的功能包括微信点餐系统、微信外卖系统、支付等。

微信小程序和app有相同的操作和使用界面,可以保存在手机桌面上。客户可以桌面图标进入订购页面,减少了打开微信进入小程序的步骤。同时小程序和app一样反应灵敏,界面和交互效果华丽,操作体验和页面更好,产品风格全面升级,可以极大地吸引和增强微信用户的活动,提升客户体验。

目前微信小程序的访问流程非常简单,只需在微信微信账号注册,对小程序进行认证,然后由第三方提交打包数据,就可以成功发布小程序。降低商家的开发维护成本,使管理运营模式更轻便高效。未来,随着小程序逐渐开放更多的功能组件,第三方平台也将为用户提供更多更好的产品和服务。

但是,随着外卖小程序的兴起,如果你有了新的手机号,你可以从微信搜索外卖小程序来点外卖,你还是可以享受新人的好处,因为微信就像是一个被小程序包裹着的沙盒,他们无法突破限制,通过app来收集你是否下过订单,让你高高兴兴的点外卖。

以上是微信小程序在线订餐的全部内容。你明白吗?希望本文对大家有所帮助。更多小程序代码和信息,请关注源代理网小程序频道。

猜你喜欢

代理怎么做热门信息