锲子 微信小程序自定义左滑功能加上跳转,换成以往,左滑功能的逻辑一般是在js中实现,但在拖动方面,性能并不是那么的流畅.如今,官方新扩展了一套脚本语言wxs,在IOS设备上运行,性能会比JS快2~20倍,至于安卓上运行效率无差异. 构思 结合wxs,做左滑功能主要分为三个步骤:拖动开始=>拖动中=>拖动结束 让我们看看,这三个步骤需要做好哪些工作? 拖动开始 获取触发事件点的坐标数据 将坐标数据存到组件中,“拖动中”和“拖动结束”这两步骤要用上 拖动中 拿到拖动开始时存储的坐标数据 获取每一个…

效果图如下: wxml代码: <view class="container"> <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" bindtouchstart="touchstart" bindtouchmove="touchmove" wx:for…

<view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" wx:for="{{list}}" wx:key> <view class="content"> <view style="{{item.txtStyle}}" class='item'…

1.wxml <!--pages/test/test.wxml--> <view class="page"> <movable-area class="m_a" wx:for="{{plist}}" wx:key="*this" wx:for-index="id" > <movable-view class="data_list" directi…

wxml结构(删除部分代码): <view class="chapter-item" wx:for="{{klgData}}" data-index="{{index}}" bind:touchstart="touchS" bind:touchmove="touchM" bind:touchend="touchE" wx:key="item.id"><…

小程序是个什么东西?怎么自己制作微信小程序?微信小程序在线制作难吗?最近老是听这类问题,耳朵都长茧子了. 百牛信息技术bainiu.ltd整理发布于博客园 接下来作为一个技术人员的角度就为大家分析一下小程序是个什么东西?怎么自己制作微信小程序?微信小程序在线制作难吗? 小程序是个什么东西 小程序是一种无需下载安装,即可使用的手机应用.只需要扫描二维码,或是搜一搜,就能立即使用. 与APP不同的是,小程序无需下载安装.无需卸载.用完即走,那么意味着也不占手机内存,对于手机没内存的人来说,可谓是一大…

第一次学用微信小程序,项目需要,被逼着研究了一下,功能是调用微信小程序的蓝牙功能,连接上智能车位锁,控制升降,大概步骤及调用的小程序接口API如下: 1.打开蓝牙模块 wx.openBluetoothAdapter(OBJECT) 2.搜索附近蓝牙设备 wx.startBluetoothDevicesDiscovery(OBJECT) 3.获取发现的所有蓝牙设备 wx.getBluetoothDevices(OBJECT) 4.连接上蓝牙设备 wx.createBLEConnection(OBJ…

微信小程序新闻列表功能(读取文件.template) 不忘初心,方得始终.初心易得,始终难守. 在之前的项目基础上进行修改,实现读取文件内容作为新闻内容进行展示. 首先,修改 post.wxml 文件,和 post.js 文件中,某些键值对键的名称. post.wxml修改后代码如下 <view> <swiper vertical='true' indicator-dots='true' autoplay='true' interval='5000'> <swiper-ite…

代码地址如下:http://www.demodashi.com/demo/12400.html 一.准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 基本需求 显示图书基本信息:名称.作者.描述.价格.数量. 点击复选框进行toggle操作.当前选中,则变成未选中:当前未选中,则变成选中. 图书数量的加减操作. 根据选中商品进行价格汇总. 全选/全不选. 目录结构 二…

最近需要在微信小程序中用到在线支付功能,于是看了一下官方的文档,发现要在小程序里实现微信支付还是很方便的,如果你以前开发过服务号下的微信支付,那么你会发现其实小程序里的微信支付和服务号里的开发过程如出一辙,下面我就具体说一下小程序里微信支付的开发流程和注意点.1.开通微信支付和微信商户号这个过程就和开通服务号的微信支付过程一样,没有什么可以说的.2.获得用户的openid首页我们需要在小程序的客户端js中获取当前用户的openid,通过调用wx.login方法可以得到用户的code,然后开发者服…