找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序倒计时、数字输入框、复选框组件集合

  [复制链接]
查看: 2272|回复: 292
最佳答案
0 

8

主题

8

帖子

200

积分

新人求带

积分
200
微信小程序倒计时、数字输入框、复选框组件集合,效果都很实用,在小程序开发中基本都能用上

效果图:
wxdemo2.gif
wxdemo3.gif

使用方法:

1、倒计时组件:
  1. <countdown time="5000"></countdown>
复制葡京赌场网站

参数说明:
145905.png

2、数字输入框组件:
  1. <inputnum min="10" max="9999" value="1"></inputnum>
复制葡京赌场网站

参数说明:
5956.png

3、单选、复选框组件
  1. <checklist value="1" checked="1" bindchange="changeFn">
  2.     <text>这里是显示的文字</text>
  3. </checklist>
复制葡京赌场网站

参数说明:
03150047.png

以上参数中algin,margin也可通过内容直接修改。如下:
  1. <checklist value="1" checked="1" bindchange="changeFn">
  2.     <view style="text-align: right;margin-left: 20px">可嵌套标签,赋值样式</view>
  3. </checklist>
复制葡京赌场网站

如果需要多个使用的话,用checkgroup组件包起来,如下:
  1. <checkgroup bindchange="changeFn2">
  2.     <checklist value="{{item.value}}" index="{{index}}" disabled="{{item.disabled}}" checked="{{item.checked}}" wx:for="{{items}}" wx:key="{{index}}">{{item.title}}
  3.     </checklist>
  4. </checkgroup>  
复制葡京赌场网站

checkgroup组件有2个属性:
50137.png

如果需要单选框的话,请在checkgroup设置type=”radio”

组件怎么使用?将组件文件放在项目中。然后再需要引入的页面.json文件里添加如下内容,如果需要修改样式,颜色请自己修改…..
  1. {
  2.     "usingComponents": {
  3.         "countdown": "../countdown/index", //路径
  4.         "inputnum": "../inputnum/index",
  5.         "checkgroup": "../checkgroup/index",
  6.         "inputnum": "../inputnum/index"
  7.     }
  8. }
复制葡京赌场网站

游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

最佳答案
0 

0

主题

204

帖子

1031

积分

专家路上

积分
1031
发表于 2018-8-3 15:04:11 | 显示全部楼层
好好好好好好好好好
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

1

帖子

30

积分

等待验证会员

积分
30
发表于 2018-8-3 15:22:38 | 显示全部楼层
支持支持支持支持支持支持
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

8

帖子

4186

积分

专家路上

积分
4186
发表于 2018-8-3 17:10:25 | 显示全部楼层
支持支持支持支持支持
回复 支持 反对

使用道具 举报

最佳答案
0 

6

主题

2175

帖子

6798

积分

S1

积分
6798
发表于 2018-8-3 18:47:17 | 显示全部楼层
百度智能小程序
回复 支持 反对

使用道具 举报

最佳答案
0 

6

主题

2175

帖子

6798

积分

S1

积分
6798
发表于 2018-8-3 18:47:24 | 显示全部楼层
百度智能小程序
回复 支持 反对

使用道具 举报

最佳答案
0 

6

主题

2175

帖子

6798

积分

S1

积分
6798
发表于 2018-8-3 18:47:29 | 显示全部楼层
百度智能小程序
回复 支持 反对

使用道具 举报

最佳答案
0 

6

主题

2175

帖子

6798

积分

S1

积分
6798
发表于 2018-8-3 18:47:37 | 显示全部楼层
百度智能小程序
回复 支持 反对

使用道具 举报

最佳答案
0 

6

主题

2175

帖子

6798

积分

S1

积分
6798
发表于 2018-8-3 18:47:41 | 显示全部楼层
百度智能小程序
回复 支持 反对

使用道具 举报

最佳答案
0 

6

主题

2175

帖子

6798

积分

S1

积分
6798
发表于 2018-8-3 18:47:47 | 显示全部楼层
百度智能小程序
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.mainetimberworks.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信葡京娱乐网址号

市场合作
[email protected]