![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
Zan^Z
这个作者很懒,什么都没留下…
展开
-
小程序商品分类页面滑动左右联动
商品分类,滑动时可以左右联动原创 2023-02-07 17:26:08 · 2815 阅读 · 0 评论 -
小程序canvas 2d支持同层渲染,绘制环形进度条,可全环,可半环
小程序canvas 2d支持同层渲染,绘制环形进度条,可全环,可半环原创 2022-10-28 14:59:47 · 2262 阅读 · 3 评论 -
小程序手机滚动到底部实现分页功能
request为封装的请求。写在util页面中导出,然后其他页面调用。小程序下拉滚动到底部接口分页 展现数据。原创 2022-09-06 16:50:18 · 308 阅读 · 0 评论 -
小程序image图片自适应,不压缩,不变形,原图填充
宽设100%,使用mode属性下的widthfix。小程序使用 rpx也可以自适应。做背景图,给div设置固定高度。不保持纵横比缩放图片。完整的将图片显示出来。原创 2022-09-23 11:57:29 · 9263 阅读 · 1 评论 -
forEach直接改变原数组对象中的某一个属性
var list=[ {name:"", jsond:"jetext:'aaaa'", id:""}, {name:"", jsond:"jetext:'aaaa'", id:""}, ] list.forEach(function(item,index){ item.jsond = JSON.parse(item.jsond);; }); //可直接改变list;原创 2021-08-12 14:33:36 · 1079 阅读 · 0 评论 -
Vue加jQuery,移动端h5页面 页面滑动到底部加载下一页
//js页面var index = 1;$(document).ready(function () { List.init();});var List = { init: function () { this.getList(); vdata = new Vue({ el: '#form1', data: { super_list: [],原创 2021-07-21 15:29:42 · 579 阅读 · 1 评论 -
小程序-网络同时多次请求 加载中效果优化
问题:小程序封装request请求时,页面同时请求多个接口,但是 努力加载中 只显示一次,就隐藏掉了 导致其他接口数据还没显示完全时, 努力加载中就没了, 看着页面不和谐解决办法:定义ajaxTimes作为请求次数标记,每进入到request中次数加1,请求结束次数减1,当ajaxTimes的次数等于初始值0时,将wx.showLoading隐藏function request(url, data, fnsuccess, fnfail) { ajaxTimes++; wx.showLoading原创 2021-01-16 14:06:41 · 767 阅读 · 1 评论 -
小程序页面跳转如何同时传多个参数?
//跳转页面 store_xq:function(e){ let d=e.currentTarget.dataset; let url="要跳转的页面地址” wx.navigateTo({ url: 'url?data='+ JSON.stringify(d), }) },// onLoad接收页面 onLoad: function (options) { var that=this; console.log(options);原创 2021-01-14 11:44:31 · 806 阅读 · 0 评论 -
scroll-view定位并且平滑滚动
1.定位使用 scroll-into-view 的属性,可以滑动到tab中的指定 item 位置。重点是: scroll-into-view的值保持和id里面的值相等,及定位就可以找到 <scroll-view scroll-into-view="{{'item'+tabid}}" scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}" scroll-with-animation="true"> <block wx:f.原创 2020-12-03 16:02:22 · 1307 阅读 · 0 评论 -
小程序使用AntV F2自定义图表和legend交互
var data = [{ lx: 'Jon Nicoll', score: 282, avgScore: 94 }, { lx: 'Aaron Maxwell', score: 208, avgScore: 41.6 }, { lx: 'Warren Clunes', score: 186, avgScore: 46.5 }, { lx: 'David Bolton', score: 184, av原创 2020-10-16 10:07:27 · 1796 阅读 · 0 评论 -
小程序使用AntV F2三柱状图,横向左右滑动
效果如图:注意:数据格式的number不可有双引号。const app = getApp()let chart = null;function initChart(canvas, width, height,) { // 使用 F2 绘制图表 const data = [{index: 0, name: "客单价", lx: "迎风店", number: 34.64}, {index: 0, name: "客流量", lx: "迎风店", number: 14}, {index原创 2020-09-23 15:04:20 · 2110 阅读 · 19 评论 -
小程序使用AntV f2写双Y轴折线图及遇到的问题
1.根据官方文档仅有的部分内容,可知,不管是折线图,柱状图还是饼图,数据都要使用它规定的数据格式才可以。下面开始写我所用到的图表1.双Y轴双折线图的写法效果://注意部分:数据带有双引号,Y轴上不会从小到大排列const app = getApp()let chart = null;function initChart(canvas, width, height,) { // 使用 F2 绘制图表 const data =[{time:'07:00:00--07:59:69', kdj:2原创 2020-09-22 16:22:17 · 2980 阅读 · 5 评论 -
小程序下拉刷新没有反应
都知道开启下拉刷新要再json文件中加上:"enablePullDownRefresh": true,找了好久才发现,原来没有反应是因为app.json里没有引入此页面的路径,所以导致我加了enablePullDownRefresh也没有反应。原创 2020-08-13 16:59:45 · 637 阅读 · 0 评论 -
微信小程序this.triggerEvent(),父组件中使用子组件的事件
官方搜索组件 searchbar。(这里我只拿取用到的input框) <input type="text" class="weui-search-bar__input" placeholder="{{newSearch}}" value="{{value}}" focus="{{focus}}" bindblur="inputBlur" bindfocus="inputFocus" bindinput="inputChange" /> searchbar.js(这里原创 2020-08-03 16:32:51 · 2609 阅读 · 0 评论 -
小程序父组件使用子组件里的事件,父组件向子组件传值
1.父组件使用子组件里的事件//子组件页面wxml //需要控制的东西//子组件页面jsComponent({ methods: { open_details:function(){ this.setData({ closedetails:false }) }, }})//父组件页面wxml(组件的引用就不多说了) <view bindtap="open_details"></view&g原创 2020-07-29 16:45:04 · 331 阅读 · 0 评论 -
小程序js文件里保留两位小数,数组对象里添加一个新属性,替换数组对象里的某一个属性值
var tishi="已满"+costO+"元,已减"+(l[i].cx_costO * l[i].qty-money).toFixed(2)+"元";console.log(tishi);//已满150元,已减37.60元方法:val.toFixed(2)原创 2020-07-27 15:41:08 · 442 阅读 · 0 评论 -
小程序使用了scroll-view滚动组件时,如何判断滚动的方向
scroll-view组件里的属性bindscroll。链接: bindscroll.//wxml<scroll-view scroll-y bindscroll="bindscrollfx" class="videoList"> //内容</scroll-view>// js//判断上下滚动方向)(deltaY小于0时,向下,向上则反之) bindscrollfx: function (e) { var that = this; consol原创 2020-06-18 14:32:07 · 1678 阅读 · 0 评论 -
小程序监听屏幕滚动 判断滚动方向上下滚动且滚动到一定位置
1.单独写page({ data:{ scrollTop:0 }, //监听屏幕滚动 判断上下滚动 (组件悬浮窗使用) onPageScroll: function (ev) { var _this = this; //当滚动的top值最大或者最小时,为什么要做这一步是由于在手机实测小程序的时候会发生滚动条回弹,所以为了解决回弹,设置默认最大最小值 if (ev.scrollTop <= 0) { ev.scrollTop = 0;原创 2020-06-17 17:34:46 · 2157 阅读 · 0 评论 -
在小程序组件里created使用setData没有反应?
//可以再attached实例中使用原创 2020-06-17 11:41:43 · 1077 阅读 · 0 评论 -
小程序和H5怎么让文本只显示两行!超出后以...省略号显示!
这里写自定义目录标题小程序新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入小程序你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一原创 2020-05-11 17:12:19 · 692 阅读 · 0 评论 -
子组件接收父组件传的值时,properties里的数据类型
如果接收的值为 true和false。Component({ /** * 组件的属性列表 */ properties: { isbindOpenid: Boolean, //必须为Boolean类型 }, })如果接收的值为数组,或者多条数据和数字Component({ /** * 组件的属性列表 */ properties: {...原创 2020-04-13 17:46:42 · 625 阅读 · 0 评论 -
小程序自定义导航栏,页面滚动到一定高度时,加上背景色,用到了节流函数和函数防抖
下面展示一些 内联代码片。// An highlighted blockvar foo = 'bar';下面展示一些 内联代码片。// An highlighted blockvar foo = 'bar';util.js文件里写函数节流和函数防抖。module.exports = { throttle: throttle, debounce: debounce}/...原创 2020-04-09 09:31:45 · 1732 阅读 · 2 评论 -
小程序修改在json里控制的页头背景颜色,标题,标题颜色
json里的内容。 "navigationBarTitleText": "个人中心"在 js里的内容。 wx.setNavigationBarTitle({ title: res.data.data.model[0].title //修改json里的标题" }) wx.setNavigationBarColor({ //...原创 2020-04-03 15:50:53 · 1574 阅读 · 0 评论 -
使用flex布局调换两个div的位置
直接上代码(flex布局太方便了,喜欢)<view class="leftheader"> <view style="display:flex; justify-content:space-between; flex-flow:row-reverse!important;"> <open-data class="userimg" type...原创 2020-03-30 16:17:02 · 6022 阅读 · 0 评论 -
固定定位会脱离文档流的CSS calc() 函数解决方法
下面展示一些 calc。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';原创 2020-03-26 10:06:35 · 1007 阅读 · 0 评论 -
小程序搜索框历史记录,去除重复搜索内容,限制显示条数
以上为搜索界面小程序wxml页面。<input type="text" class="weui-search-bar__input" bindinput="input_key" bindconfirm="Load" value="{{input_key}}" /><view class="weui-icon-clear" wx:if="{{input_key.length...原创 2020-03-20 11:05:01 · 1776 阅读 · 0 评论 -
小程序如何把参数设置为全局变量
App.jsApp({ globalData: {//全局变量 openid:"", session_key:"" }, data:{ }, })直接拿App.js里的//获取应用实例const app = getApp()Page({ data: {}, onLoad:function (options) { co...原创 2020-03-11 17:08:23 · 1137 阅读 · 0 评论 -
小程序获取今天,昨天,前天,上月,上周时间全
小程序获取今天,昨天,前天,上月,上周时间全page 因为我需要向接口里传递时间参数,所以我在onLoad里获取var that=this;//今天var time = util.formatData(new Date());//昨天that.getDateStr(null, -1); //获取昨天的日期that.getDateStrTwo(null, -2); ...原创 2020-03-11 16:50:47 · 1397 阅读 · 3 评论