Zan_Z的博客

使用elementUI如何禁用表格中多选按钮

商品分类，滑动时可以左右联动

自定义打印html，图片内容

vue3项目搭建

小程序canvas 2d支持同层渲染，绘制环形进度条,可全环，可半环

request为封装的请求。写在util页面中导出，然后其他页面调用。小程序下拉滚动到底部接口分页 展现数据。

宽设100%，使用mode属性下的widthfix。小程序使用 rpx也可以自适应。做背景图，给div设置固定高度。不保持纵横比缩放图片。完整的将图片显示出来。

数组判断是否有重复值

20220425_173215 功能：1.可选择绘制类型（圆形或多边形），2.可选择不同区域并随当前区域自适应地图缩放。 3.编辑图形时可根据大小自适应地图缩放。默认初始矢量图：1.圆形：根据中心点位置，半径1公里圆。2、多边形矢量图默认生成正方形。根据中心点位置，计算生成四个方位的位置。...

问题：小程序封装request请求时，页面同时请求多个接口，但是 努力加载中 只显示一次，就隐藏掉了 导致其他接口数据还没显示完全时， 努力加载中就没了， 看着页面不和谐解决办法：定义ajaxTimes作为请求次数标记，每进入到request中次数加1，请求结束次数减1，当ajaxTimes的次数等于初始值0时，将wx.showLoading隐藏function request(url, data, fnsuccess, fnfail) { ajaxTimes++; wx.showLoading

//跳转页面 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);

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

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.

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

官方搜索组件 searchbar。（这里我只拿取用到的input框） <input type="text" class="weui-search-bar__input" placeholder="{{newSearch}}" value="{{value}}" focus="{{focus}}" bindblur="inputBlur" bindfocus="inputFocus" bindinput="inputChange" /> searchbar.js(这里

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

//方法： 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){.

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

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

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

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

//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:..

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

如果接收的值为 true和false。Component({ /** * 组件的属性列表 */ properties: { isbindOpenid: Boolean, //必须为Boolean类型 }, })如果接收的值为数组，或者多条数据和数字Component({ /** * 组件的属性列表 */ properties: {...

json里的内容。 "navigationBarTitleText": "个人中心"在 js里的内容。 wx.setNavigationBarTitle({ title: res.data.data.model[0].title //修改json里的标题" }) wx.setNavigationBarColor({ //...

直接上代码（flex布局太方便了，喜欢）<view class="leftheader"> <view style="display:flex; justify-content:space-between; flex-flow:row-reverse!important;"> <open-data class="userimg" type...