[其它] 小程序click-scroll组件设计

说明：一. 背景 有些业务需求，要求前端展示的内容多时可以通过scroll的形式拖拉查看，但是太多的滚动条又造成页面太乱，于是封装了这个click-scroll 组件。在组件上设定好展示的位置和空间大小，在组件内部放置实际要展示的内容，实际展示的内容宽度或长或短都由此组件来控制。 二. 功能 组件内的内容宽度超过组件宽度时，组件两侧会自动出现『左右移动』交互。 当内部展示的内容超过组件的可见区域时，可以在组件的可见区域单击拖动查看内容 三. 背景知识，元素大小的测量 1.偏移量（offset
<weixin_38638033> 上传 | 大小：300kb

[其它] 小程序数据通信方法大全(推荐)

说明：序 本文论述的是子或孙向父传递数据的情况，自下而上 相信大家平时在小程序开发中肯定遇到过页面或者组件之间的数据通信问题，那小程序数据通信都有哪些方式呢？如何选择合适的通信方式呢？这就是本文要讨论的重点。 关系划分 在讨论都有哪些数据通信方式之前，我们先来定义一下，小程序页面、组件之间都有哪些关系。我总结了一下，大概分为以下3类： 父子关系 兄弟关系 爷孙关系 不同的关系里面，不同角色之间有可能是页面，也有可能是组件，接下来我们就一个个来揭示如何进行数据通信。 父子关系 父子关系一般主
<weixin_38638004> 上传 | 大小：144kb

[其它] 微信小程序实现bindtap等事件传参

说明：之前一直以为微信小程序按钮点击事件传参是和web端相同，即在事件中写明所传递的参数即可，但是这样尝试过以后发现小程序的控制台报错，报所写的bindtap中参数错误，之后百度发现，小程序按钮点击这类事件时一般的处理方法是指明元素所在的id，bindtap只是写明函数名，例如，bindtap=’setNumber’,而不是bindtap=’setNumber(1)’,在js中只要写function(e).通过e可以获取所传过来元素的所有信息。 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将
<weixin_38544152> 上传 | 大小：117kb

[其它] 微信小程序实现工作时间段选择

说明：本文实例为大家分享了微信小程序工作时间段选择的具体代码，供大家参考，具体内容如下 1. 效果图如上，需完成时间段的选择  以及下面的工作日选择  保存按钮为formSubmit提交后台 2.思路： ①时段用picker跟input  如果没有占位字符  则不需要input ②工作日选择用checkbox  多选的样式用label  将checkbox隐藏 ③label的选择后的样式跟取消的样式，这里无需判断checked  当然也可以判断checked  我这里的方法是，先建一个放星期一到星期
<weixin_38659805> 上传 | 大小：56kb

[其它] 微信小程序解除10个请求并发限制

说明：这可能是一个冷消息，所以标题比较劲爆。 小程序并发限制由来已久，从刚发布时的 5 并发，到后来的 10 并发，同时发出的请求数若超出这个限制则将被残忍抛弃，由此催生了很多开发者在自己的项目中造了「请求排队」的轮子。然而事实上，早在一年半以前，该限制就被微信官方取消。 10 个请求的并发限制 关于并发限制，微信开发者文档中是这么写的： 这一限制的意思是在同一时刻， wx.request、wx.uploadFile、wx.downloadFile 加起来的并发总数不能超出 10 个。 至今，仍
<weixin_38640984> 上传 | 大小：525kb

[其它] 详解微信小程序中组件通讯

说明：这篇主要讲组件通讯 （1）父组件向子组件传值： 通过title='{{title}}’传向子组件向子组件传递参数 子组件接收参数： Component({ properties: { title: { // 属性名 type: Number, // 类型（必填） type: String,//目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型） }, fn: { ty
<weixin_38694355> 上传 | 大小：28kb

[其它] 微信小程序动态增加按钮组件

说明：这里的微信小程序动态加载是以按钮为例，主页面点击不同的按钮进入不同的子页面中，根据主页面的title来动态加载子页面按钮的数量以及值。 效果图： wxml文件（注意wx:key=”item”要写，不然它会有警告）： <button class=items
<weixin_38600696> 上传 | 大小：45kb

[其它] 微信小程序视图容器（swiper）组件创建轮播图

说明：本文为大家分享了微信小程序swiper组件创建轮播图的具体代码，供大家参考，具体内容如下 一、视图容器（Swiper） 1、swiper：滑块视图容器 微信官方文档 二、swiper应用 1、页面逻辑（index.js） Page({ data: { imgUrls: [ { link: '/pages/index/index', url: '/images/001.jpg' }, { link: '/pages/list/list', url: '/image
<weixin_38576779> 上传 | 大小：104kb

[其它] 微信小程序 图片绝对定位(背景图片)

说明：微信小程序 图片绝对定位 前言： 在小程序中，有时需要用到背景图片，但是如果使用background-image的话，就无法控制图片的大小，background-image一般用于将图片压缩为1像素的背景图片，然后自动填充铺满。使用背景图片的话，一般使用一些新的view层，如等，但是小程序与html类似，一个不同的 css或wxss会占据一个位置，然后接下来的css或wxss会自动往下排版，但是很多时候这并不是我们想要的，于是需要用的绝对定位。 使用绝对定位，最好使用一个新的wxss将所有子
<weixin_38618819> 上传 | 大小：36kb

[其它] 微信小程序 JS动态修改样式的实现代码

说明：微信小程序这个坑啊，js动态修改样式，我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。 以下是一种动态修改样式的方法，原理是绑定数据，然后动态的修改数据，从而实现动态样式的改变而已。感觉有点········那个啥的，怪怪的。不过也没办法了。如果你有更好的方法，可以在评论区分享一下。 test.wxml 我会变色 变红</butt
<weixin_38732912> 上传 | 大小：38kb

[其它] .NET Core 微信小程序退款步骤——（统一退款）

说明：继上一篇”.NET Core 微信小程序支付——（统一下单）后”，本文将实现统一退款功能，能支付就应该能退款嘛，一般涉及到钱的东西都会比较敏感，所以在设计退款流程时一定要严谨，不能出一点差错，否则你将会面临自己掏腰包的可能，下面我们来讲一讲退款的实现步骤。 退款应该场景及规则 当交易发生之后一段时间内，由于买家或者卖家的原因需要退款时，卖家可以通过退款接口将支付款退还给买家，微信支付将在收到退款请求并且验证成功之后，按照退款规则将支付款按原路退到买家帐号上。 规则 1、交易时间超过一年的订单无法
<weixin_38656395> 上传 | 大小：250kb

[其它] 微信小程序获取位置展示地图并标注信息的实例代码

说明：1.map组件的高度如果想要铺满屏幕，要是使用height:100vh样式 2.获取位置要在app.json中标明权限 3.先使用wx.getLocation获取自己的位置，然后再回调中使用setData方法，赋予数据给前台页面展示标注点 index.js //index.js //获取应用实例 const app = getApp() Page({ data: { }, onLoad: function () { var self=this; this.mapCtx = wx.
<weixin_38607282> 上传 | 大小：36kb