微信小程序多选按钮怎么开发
编辑:小飞燕 发布时间:2021-03-27 16:50:14
开发小程序可以让微信更丰富多彩,功能更多,但是很多人不知道具体的开发过程是什么,需要小程序代码。接下来小编会给大家讲解如何开发微信小程序的多选按钮。
复选框组监听方法:
#formatimgid_0#
复选框多选属性:
#formatimgid_1#
页面结构
?
{{item.value}}
射流研究…
?
40页({
/**
*初始化数据
*/
数据:{
项目: [
{name: 'java ',value: 'android ',checked: 'true'},{name: 'object-c ',value: 'ios'},{name: 'jsx ',value: 'reactnative'},{name: 'js ',value: '微信' },{name: 'python ',value: 'web'}
]
},
/**
*收听复选框事件
*/
listencheckboxchange : function(e){
console.log('当复选框组中的复选框被选中或取消时,我被调用');
//打印对象中包含的详细信息
console . log(e);
},
onload:function(选项){
//页面初始化选项是页面跳转带来的参数
},
onready:function函数{
//页面渲染完成
},
onshow:function{
//页面显示
},
onhide:function{
//隐藏页面
},
onunload:function{
//页面关闭
}
})
以上是微信小程序多选按钮的开发方法。参照以上流程,认真输入相应代码,就可以开发微信多选小程序了。更多相关教程,请关注源代理网的小程序频道。
下面是如何设置标题开头微信小程序的导航颜色。标题到此结束
设置好导航小程序后,要研究开发导航栏的样式,包括设置微信小程序的导航颜色和背景。具体方法是什么?微信小程序商店为您提供以下信息。让我们看看!
1.颜色:设置对象的文本颜色。
可以用颜色名称,rgb,hex,rgba,hsl,hsla,transparent等设置。
不透明度:设置对象的不透明度。数值范围为0.0-1.0。
不透明度:0.2
不透明度:0.8
二、背景:背景。设置对象的背景属性。一个元素可以设置多个背景图像,每个组用逗号分隔。如果有重叠关系,正面背景图像会覆盖背面背景图像。
1.background-color:指定背景颜色。值:正常颜色值。
2 .背景图片:背景图片。如果设置了此属性,比较好添加背景色,以便在背景图像不可见时与文本颜色保持一定的对比度
3 .背景-重复:设置如何布局和填充对象的背景图片。
重复-x:背景水平平铺。
repeat-y:背景垂直平铺。
重复:背景图片水平和垂直平铺。
不重复:图像没有平铺。
圆形:背景图像会自动缩放,直到它适合并填满整个容器。
空间:背景图像以相同的间隔平铺,填充整个容器或某个方向。
space:
圆形:
4.background-attachment:指定对象的背景图像是随对象的内容滚动还是固定的。
值:固定:固定位置。scroll:相对于元素固定,后跟元素。本地:相对于元素内容是固定的,总是跟随内容。
5.background-position:指定对象的背景图像位置。
值是左、右、上、下和中心。您也可以使用百分比。
6.background-size:指定对象背景图像的大小。
值:auto:背景图像的真实大小。盖子:按比例缩放以完全覆盖容器。可能超过容器。
容器:将背景图像缩放到与容器相同的宽度或高度,并始终保持在容器中。
7 .背景剪辑:指定剪切对象背景图像的区域。
值:填充框:背景从填充区域(不包括填充)被剪裁。
边框:从边框区域(不包括边框)裁剪背景。
内容框:从内容区域裁剪背景。
文本:从前景内容的形状中剪切出来作为剪切区域。
8 .背景-原点:指定对象背景图像显示的原点。
值:填充框:背景从填充区域(不包括填充)被剪裁。
边框:从边框区域(不包括边框)裁剪背景。
内容框:从内容区域裁剪背景。
大家看完以上内容应该知道如何设置微信小程序的导航颜色。设置导航颜色也会顺便关联到导航的背景设置。小编已经解释清楚了,希望对大家有所帮助。
这是第一段的结尾。下面是如何在比较后设置微信小程序的导航颜色。目前已经获得了128位网友的青睐!正文到此结束
上一篇:微信小程序在哪搜索
下一篇:微信公众号小程序的效果好吗