/* 未选中的 背景样式 */ checkbox .wx-checkbox-input { border-radius: 50%;/* 圆角 */ width: 30rpx; /* 背景的宽 */ height: 30rpx; /* 背景的高 */ } /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */ checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #fd9e7d; border:

微信小程序,这里实现微信小程序checkbox,有需要此功能的朋友可以参考下. 摘要: 加减商品数量,汇总价格,全选与全不选 设计思路: 一.从网络上传入以下Json数据格式的数组  1.标题title 2.图片地址 3.数量num 4.价格price  5.是否选中selected 二.点击复选框toggle操作 如已经选中的,经点击变成未选中,反之而反之 点击依据index作为标识,方便遍历 三.全选操作 首次点击即为全部选中,再次点击为全不选,全选按钮本身也跟随toggle变换 四.点击结

微信小程序 传值取值的几种方法总结 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1 生成值 <image src="../../../images/icon_delete.png" /><text>删除</text> 在删除图标与文字添加data-index=

1.微信小程CheckBox选中问题 <checkbox-group bindchange="checkboxChange" data-index="{{index}}" data-checks="{{item.checks}}"> <checkbox data-index="{{index}}" id="2" value="{{item.name}}" checked

微信小程序 “场景值”     对运营同学和产品比较有用一般开发者需在这里埋点,获取场景址,看一下小程序,用户一般从哪个路口进的有利于提升产品体验

根据微信小程序返回给我们的场景值,我们可以根据不同的场景做出不同的处理,更加方便我们对使用场景的划分 当前支持的场景值有: :发现栏小程序主入口,“最近使用”列表(基础库2..4版本起将包含“我的小程序”列表) :顶部搜索框的搜索结果页 :发现栏小程序主入口搜索框的搜索结果页 :单人聊天会话中的小程序消息卡片 :群聊会话中的小程序消息卡片 :扫描二维码 :长按图片识别二维码 :手机相册选取二维码 :小程序模版消息 :前往体验版的入口页 :微信钱包 :公众号 profile 页相关小程序列表 :聊

小程序界面设定如下 父级页面:A界面 子级页面:B界面 异级页面:C界面 一.本页面取值(A界面→A界面) a.例如:input输入文字获取到value(键盘输入时触发) wxml: <input type='text' name="userName" maxlength="11" bindinput="userPhoneInput" ></input> js: data: { userPhone: '', }, //手机

开发中遇到一个业务需求,需要把页面顶部.底部固定,中间的scroll-view内部滚动.要满足这个需求,需要根据屏幕高度计算中间的scroll-view高度.结果悲催地发现,使用 wx.getSystemInfo拿到的windowHeight居然不一致: 1.在ios中,windowHeight是屏幕高度-底部TabBar的高度 2.在android中,windowHeight是屏幕高度 百度到的大部分说法是,这是小程序在android平台的bug.需要注意调用wx.getSystemInfo的

写小程序的时候用到了自定义属性,特地来记录一下 特别是这个坑,必须得说一说 wxml <view class='box' bindtap='getValue'> <view class='first' data-num="1024" data-name="张三">第一个view</view> <view class='second' data-age="2017" data-con="李四&qu

checkbox 组件 是一个多选框组件,还可以使用 checkbox-group 组件 来进行绑定事件和实现,真正意义上的多选 checkbox的属性: value: 属性值 字符串 当在 checkbox-group 绑定事件时,事件源 e 所携带的参数中 detail  checkbox中的value 值决定 disabled:  属性值 布尔 是否被禁用 checked:  属性值 布尔 当前是否选中,默认选中 color: 属性值 字符串 字体颜色 checkbox-group组件事件

wxml文件 <video id='myvideo' src='你的视频文件路径'> </video> js文件 onLoad: function (options) { var videoContext = wx.createVideoContext('myvideo', this); videoContext.requestFullScreen();//执行全屏方法 }, 这个时候使用手机测试,在打开此页面的时候video便会默认横屏

1.清除button的默认样式 button::after{border:none;}input{outline:none;border:none;list-style: none;}

一,列表index下的取值 实现方式是:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 1.1生成值 <image src="../../../images/icon_delete.png" /><text>删除</text> //在删除图标与文字添加data-index="{{index}}"自定义属性以及绑定点击事件bindtap=&q

wx.setNavigationBarTitle({ title:' 动态值 ' })

微信小程序的支付和退款流程 近期在做微信小程序时,涉及到了小程序的支付和退款流程,所以也大概的将这方面的东西看了一个遍,就在这篇博客里总结一下. 首先说明一下,微信小程序支付的主要逻辑集中在后端,前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可.我在后端使用的是php,当然在这篇博客里我不打算贴一堆代码来说明支付的具体实现,而主要会侧重于整个支付的流程和一些细节方面的东西.所以使用其他后端语言的朋友有需要也是可以看一下的.很多时候开发的需求和相应问题的解决真的要跳出语

微信小程序练习笔记 微信小程序的练习笔记,用来整理思路的,文档持续更新中... 案例一:实现行的删除和增加操作  test.js // 当我们在特定方法中创建对象或者定义变量给与初始值的时候,它是局部的,是无法被其他方法所使用的 // 初始数据赋值 var initData = "this is first line\n this is second line" var listData = []; Page({ // 初始数据复制 data: { text: initData },

如何定义一个全局变量: 1,在根目录下app.js中添加 App({ globalData: { g_isPlayingMusic : false, g_currentMusicPostId :null, doubanbase:"https://api.douban.com", self_reduction:"自减" } }) 2,在js中访问我们的全局变量 var app = getApp(); //全局的 getApp() 函数可以用来获取到小程序实例. onL

今天一个活动要写个H5,明天一个功能要用小程序,天天都在写bug.用户反馈小程序用起来有问题还特么还不知道到底出了啥bug,反馈多了,老板要扣工资了!看来挖了太多坑不填也不行,程序异常还是要主动追踪,今天给大家介绍一个轻量级的错误日志监控服务Fundebug. Fundebug的小程序监控插件接入简单,只需要下载相应的插件文件,然后在app.js文件中引入并配置apikey即可.唯一要注意的就是微信需要设置request合法域名这一点不能忘记了. 1. 创建微信小程序监控项目 需要注册账号,点击

微信小程序swiper默认高度375rpx,一旦超过这高度,就滑动不到内容了,我们利用css3可以很简单做到这件事情 原理: 利用css3 横轴滚动属性overflow:scroll,设置死swiper高度为100vh,这时会产生css3滚动条,隐藏掉swiper-item::-webkit-scrollbar 即可. 详情示例见:https://www.cnblogs.com/cisum/p/10443412.html 1 swiper { 2 width: 100%; 3 height: 1

微信小程序中,在image标签里,可以在src中引用本地文件,但是background设置背景图或者使用字体图标的时候,却不能引用本地文件,只能用url地址的图片或字体,或者使用base64编码后的格式,图片我们可以在线转换,随便搜一下,有很多在线转换工具,但是使用字体图标的时候,怎么转换呢?下面我们记录一下使用图标字体的l两个方法.    方法一:将字体url转换为base64的格式后使用 第一步,下载需要的字体图: 打开阿里巴巴矢量图标库,选择自己需要的图标添加到购物车,然后点击购物车下载代

小程序建议使用flex布局进行排版 flex是一个盒装弹性布局 flex是一个容器,所有子元素都是他的成员 定义布局:display:flex flex容器的属性: 一.flex-direction:排列方向 二.flex-wrap:换行规则 三.justify-content:对齐方式 四.order:成员之间的显示顺序 五.flex:成员所占屏幕的比例 一.flex-direction:排列方向 [默认]row:从左到右行排序 row-reverse:从右到左行排序 colomn:从上到下列