Zan^Z-CSDN博客

首先使用itemTpl自定义tooltip效果是这样的tooltip展示坐标之外的数据感觉Antv文档很不详细，写这块时找了好久才找到方法，现在记一下，方便今后的观看和其他遇到此问题的同学解决办法。itemTpl this.chart.tooltip({ showCrosshairs: true, // 展示 Tooltip 辅助线 shared: true, showMarkers: false, containerT

2022-01-14 11:14:11 2759

原创点击按钮 css动画旋转切换显示按钮

首先注意：使用transform切换，不可使用display:none, block来切换隐藏，要使用class来控制，否则切换动画不显示<view class="{{isShowIcon ? '':'add-active'}}"> <view class="commstyle iconplace addmargin5 add_item_main1" bindtap="cutshow"> <image class="img" src="图片一"></im.

2021-11-02 17:36:49 1368

原创 H5移动端点击出现背景蓝色框的解决方案

// 安卓body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }//IOSa:focus,input:focus,p:focus,div:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; }

2021-11-02 14:48:33 1117 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 1041

原创 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 562 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 738 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 796

原创使用Vue获取URL图片的宽高

//拖拽图片顺序事件 datadragEnd: function () { var that = this; var img = new Image(); // 改变图片的src img.src = this.model.data.list[0].picurl_cdn;...

2020-12-25 13:55:55 2114

原创 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 1269

原创使用this.$prompt弹窗判断手机号码数量验证

因为手机号码再更新，所以最好的验证办法就是为11位时，不提示格式错误，并且没有使用input框写，所以刚开始有点不知所措。this.$prompt('请输入手机号码或座机号', '客服电话', { confirmButtonText: '确定', cancelButtonText: '取消', inputValidator: (val) => { if (val === null) { return true; } re.

2020-10-28 14:35:43 1949 2

原创小程序使用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 1759

原创小程序使用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 2058 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 2924 5

原创小程序下拉刷新没有反应

都知道开启下拉刷新要再json文件中加上："enablePullDownRefresh": true,找了好久才发现，原来没有反应是因为app.json里没有引入此页面的路径，所以导致我加了enablePullDownRefresh也没有反应。

2020-08-13 16:59:45 625

原创微信小程序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 2582

原创向一组数组对象中，添加新的属性值。和判断这个数组对象中，某个属性是否值都一样

var zd_list=res.data.data.zd_groub; zd_list.forEach((r) => { r.checkedAllManj = false; }) that.setData({ zd_list:zd_list }) //向zd_list数组中新加checkedAllManj:false这个属性和属性值

2020-07-31 17:19:58 569

原创小程序父组件使用子组件里的事件，父组件向子组件传值

1.父组件使用子组件里的事件//子组件页面wxml //需要控制的东西//子组件页面jsComponent({ methods: { open_details:function(){ this.setData({ closedetails:false }) }, }})//父组件页面wxml（组件的引用就不多说了） <view bindtap="open_details"></view&g

2020-07-29 16:45:04 326

原创取一个数组中想要的值，放到一个新的对象里

//方法： let param={}; param[""]="" //例子： open_details:function(e){ var cxid = e.currentTarget.dataset.cxid; var detailactivity={}; var mj_list = this.data.zd_list; for(var a=0;a<mj_list.length;a++){ if(cxid==mj_list[a].cxid){.

2020-07-29 10:33:59 1165

原创小程序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 439

原创使用Flex布局实现头部固定，内容区域滚动

页面头部固定布局以前用 position:fixed实现，如今可以用flex布局实现，快捷方便。Flex布局好处：1.不破坏html文档流 2.兼容性更好。display: flex 和 display: -webkit-box 仅是各阶段命名,并没有区别。<view> <view class="header"></view> <view class="content"></view></view>page:{ di

2020-06-29 17:07:33 2431

原创使用vue判断页面滚动方向

<div id="form1" class="whiteBox pagemain" ref="rightContent"> // 页面内容 </div> new Vue({ el: '#form1', data: {}, mounted: function () { this.$refs.rightContent.addEventListener('scroll', this.handleScroll, true); ..

2020-06-18 16:51:55 1730 2

原创小程序onPageScroll上滑显示，下滑隐藏

说明：因onPageScroll执行过于频繁，为了减少运行，在条件不满足时onPageScroll不执行方法。且每次运行会清除原来的1.简化前//util.js公共方法（怎么调用我就不写啦）function scrollFloatwindow(e,that){ if (e.scrollTop <= 0) { e.scrollTop = 0; //最顶部 } else if (e.scrollTop > that.data.scrollHeight) { e.

2020-06-18 16:38:46 2350

原创小程序使用了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 1622

原创小程序监听屏幕滚动判断滚动方向上下滚动且滚动到一定位置

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 2133

原创使用filter过滤器计算数组中符合条件的长度

数组为：son_window: [{ selectedCheckbox: false}, { selectedCheckbox: false}, { selectedCheckbox: true}, { selectedCheckbox: true}, { selectedCheckbox: false}],使用for循环计算如下 var sum; for (var i = 0; i < s

2020-06-17 15:56:42 595

原创在小程序组件里created使用setData没有反应？

//可以再attached实例中使用

2020-06-17 11:41:43 1069

原创使用了绝对定位如何居中

//left: 50%; //top: 50%; //transform: translate(-50%, -50%); //这三个是使用绝对定位后使其居中的解决方法.sp-wrap-img.theme-list .yishouwan { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 130px; height: 100px; z-index:..

2020-05-13 09:16:08 591

原创 H5实现横向滚动

外层需要设置：overflow: scroll;white-space: nowrap;内层需要设置：display: inline-block;.component-package-wrap{ display: block; overflow-x: scroll; white-space: nowrap;}.sp-wrap{ display: inline-block;}

2020-05-12 16:58:20 1277

原创小程序和H5怎么让文本只显示两行！超出后以...省略号显示！

这里写自定义目录标题小程序新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入小程序你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一

2020-05-11 17:12:19 673

TA关注的人

小程序分类左右联动改后文件

小程序三分之二圆环进度条

vue-drag-resize.zip

vueCube.rar

该开发小程序已开通小程序直播权限,不支持发布版本。如需发版,请解绑开发小程序后