个人案例
- 小程序不支持“display: list-item;”吗?
小程序不支持“display: list-item;”吗? .decimal { display: list-item; list-style-type: decimal; }
2022-08-18 - 为什么recycle-view组件设置了width属性后,列表数据不渲染了?
为什么recycle-view组件设置了width属性后列表数据不渲染了。 recycleWidth设置的是屏幕一半的宽度 <recycle-view id="recycle_blue" batch="{{batchSetRecycleData2}}" width="{{recycleWidth}}" height="{{caseHeight - 15}}" lower-threshold="50" bindscrolltolower="scrollto" catchscroll="onScroll"> </recycle-view> 图片是去掉width属性后的效果 [图片]
2022-08-15 - 为什么富文本组件(editor)调起键盘后,固定底部的工具栏可以上下滑动?
为什么富文本组件(editor)调起键盘后,固定底部的工具栏可以上下滑动? [图片]
2022-08-13 - 云开发如何使用大文件上传库miniprogram-file-uploader?
云开发使用大文件上传库miniprogram-file-uploader,如何配置uploadUrl(接收分块接口)和mergeUrl(合并分块接口)? 文档地址:https://github.com/wechat-miniprogram/miniprogram-file-uploader [图片]
2022-08-11 - recycle-view 组件如何做数据筛选?
有个需求,用recycle-view做的长列表,加载完数据后,想通过关键词筛选想要的数据。 通过RecycleContext.splice()方法,可以筛选出数据,但是无法恢复原来数据,因为splice()方法改变了原数组。 [图片] pickValue: function (e) { const data = e.detail; // 拷贝原数组 const countrys = JSON.parse(JSON.stringify(this.pureData.countrys)); let len = 0; // 输入的长度 > 0,进行模糊查询 if (data.cursor > 0) { const newData = countrys.filter(item => { if (item.desc.indexOf(data.value) > -1) { return item }; return newData }); len = newData.length; // 将查询结果通过RecycleContext.splice()方法从新渲染 this.ctx.splice(0, countrys.length, newData, (res) => { console.log("res => ", res); }) } else if (data.cursor === 0) { // 如果删除了输入关键词,就将结果恢复到原始结果 console.log("countrys => ", this.pureData.countrys); this.ctx.splice(0, len, countrys, (res) => { console.log("res => ", res); }) } }, [图片]
2022-08-08 - recycle-view组件如何实现两栏布局?
recycle-view组件如何实现两栏布局,左右渲染不同的数据。 [图片]
2022-08-06 - 发现社区一个bug?
https://developers.weixin.qq.com/community/develop/article/doc/000c2209250c4021e699ac0f851013 [图片]
2022-07-28 - 瀑布流布局的长列表如何使用recycle-view组件?
请问瀑布流布局的长列表如何使用recycle-view组件 [图片]
2022-07-27 - recycle-view组件渲染出很多空数据?
我把整个页面用recycle-view包裹class="tow_column"是要渲染的列表,列表是两列的结构; 为什么上面渲染出很多空数据,下面有很多空的占位 [图片] <recycle-view batch="{{batchSetRecycleData}}" id="recycleId" enable-back-to-top catchscroll="onScroll"> <view slot="before" style="margin-top: {{screenTop + 1}}vh;"> //slot="before" 内容 </view> <view class="tow_column"> <recycle-item class="recycle-item" wx:for="{{recycleList}}" wx:key="item"> </recycle-item> </view> <view slot="after"></view> </recycle-view> class="tow_column" .tow_column { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30rpx 30rpx; align-items: center; justify-items: center; padding: 0 40rpx; }
2022-07-25 - 云存储的合法下载域名是什么?
[图片]
2022-07-23