需求场景 小程序在y轴方向 拖动 一小段距离 解决方案 1.监听 元素 2.绑定 点击 和 移动 事件 3.数据处理 代码 <view animation="{{item.animationData}}" wx:for="{{waitArr}}" wx:key="key" style='height: {{item.height}}px; width: {{item.width}}px;' class='item' id="{{i…

更新日期: 2019/3/6:首次发布 2019/3/7:增加content和date自定义(具体使用看示例) 时间轴 参数: 1. data(新闻列表数据)- 2019/3/6 2. content (内容) - 2019/3/7 3. date(日期)- 2019/3/7 点击下载:时间轴组件示例…

之前在开发一个控车小程序,把过程中稍微需要搜索的问题做了记录. 1. 关键词:本地资源图片无法通过WXSS获取 描述:做小程序开发的时候,如果你需要使用图片作为背景,也就是想使用background-img这个属性,但在小程序中这个属性是无法使用本地资源的.它要求你必须使用网络图片,也就是url是http...开头的. 解决:有两种方式可以解决. 1)将你的图片上传到服务器,获取该图片的网络地址. 2)使用<image>组件,然后将该组件的样式设置为 .bg { position: absol…

闲暇之余,开发一个图片编辑小程序.程序主要特点就是可方便的对多个图像编辑,实现了一些基本的操作.本文主要介绍一下程序的功能.设计思路. 执行程序 下载地址: 百度网盘.https://pan.baidu.com/s/1cszsgjKN9ecWZ9sm1hDAdQ CSDN       https://download.csdn.net/download/qq_29939347/10831160 1功能介绍 程序主界面 点击打开图片,可选择多个图片文件.图片缩略图左侧显示,双击左侧图片,添加到编辑…

1.时间轴 echart 提供了一种图表,如果x轴是一个时间范围,并且是连续的,如果用传统的数据驱动会很慢,所以用时间轴的方式 function initCurve(_data){ var resultArr=[]; for(var i=0;i<_data.length;i++){ var res=_data[i] resultArr.push({ name:new Date(res.time)+"", value:[res.time,Number(res.value).toFi…

微信小程序movable-view组件官方文档 传送门 Learn 一.moveable-view组件 一.movable-view组件 direction:movable-view的移动方向,属性值有all.vertical.horizontal.none[默认值none] 使用<movable-view>组件时必须和<movable-area>组件一起用,<movable-area>规定了可移动组件移动的范围 <!--index.wxml--> Cyni…

简单实现一个画布截取图片的功能 原始图片超出指定尺寸,会进行隐藏,利用短边的宽度截取长边的宽度,拖动生成指定内容的图片 横图 竖图 var box_width = 600; //截取框尺寸 var box_height = 600; var tran_left = 0; //保存图片偏移值,默认不偏移 var tran_top = 0; var window_width = 750; //最外层宽度.高度 var window_height = 1000; var rpx = 0; //单位换算…

问题场景 所谓悬浮窗就是图中微信图标的按钮,采用fixed定位,可拖动和点击. 这算是一个比较常见的实现场景了. 为什么要用cover-view做悬浮窗?原生组件出来背锅了~ 最初我做悬浮窗用的不是cover-view,而是view. 这是简化的代码结构: index.wxml: <view class="move-view" style=" top:{{top}}px;left:{{left}}px;" bindtap="goToHome"…

WebSocket项目笔记 1. What is WebSocket? (以下内容来源于百度百科) WebSocket是一种在单个TCP连接上进行全双工通信的协议 WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据. 在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输. 背景: 推送技术的演进发展:轮询 ---> Comet ---> WebSocket 握手协议: WebSock…

1.有时候legend比较多的时候,需要做翻页比较好,有个属性legend的type属性设置为scroll,然后animation可以控制动画,官方文档均可查. 再就是scrollDataIndex,就是默认从哪一项开始翻页. 然后有个问题就是虽然legend可以显示分页,但是series却没法跟随legend同步,而是全部显示,这点需要修改,就会涉及另一属性selected,是个对象,设置name为false就可以选中让series里面的线条消失,这是一个思路. { '2018-05-02'…