小程序
M大土土
小小的前端
展开
-
【无标题】## uniapp获取底部安全距离以及状态栏高度等等
template>-- 自定义顶部导航 -->-- 页面内容 -->top: 0;bottom: 0;left: 0;right: 0;获取状态栏高度:var(–status-bar-height)转载 2024-04-26 11:35:15 · 851 阅读 · 0 评论 -
微信小程序使用富文本rich-text渲染图片报403错误
就一行代码,-------------.replace(/<img src="/gi, '<img style="max-width:100%;border-radius: 10px;margin:10px auto" src="https://images.weserv.nl/?url=');遇到的问题,做个记录。原创 2021-09-30 16:10:15 · 663 阅读 · 1 评论 -
微信小程序-思维导图
原创 2021-09-24 17:05:43 · 641 阅读 · 0 评论 -
小程序自定义组件跳转回来传参改值
之前页面,需要修改UnNum:wx.navigateTo({ url: '/pages/myOrder/myOrder?active=' + active, events: { acceptDataFromOpenedPage: function (data) { console.log(data); that.setData({ UnNum: data, }); }原创 2021-09-06 16:28:23 · 163 阅读 · 0 评论 -
javascript 字符数组转换成以逗号隔开的字符串
var ids = [];angular.forEach(pulsarServers,function (server) { ids.push(server.id);});ids = ids.join(',');原创 2021-08-19 19:54:18 · 324 阅读 · 0 评论 -
小程序懒加载数据渲染(有下一页一直加载)--加(节流)--详细注释
由于小程序项目中有懒加载的需求,就网上查阅资料,结合一下完善出来实现效果。效果展示 Rec 0002 节流封装放在utils目录下的新建了一个工具类fz.js(命名有点不规范。。 )fz.js节流封装:/*函数节流*/function throttle(fn, interval) { var enterTime = 0; //触发的时间 var gapTime = i原创 2021-08-13 11:48:18 · 565 阅读 · 4 评论 -
小程序实现倒计时
page({ data: { }, onLoad: function(){ var that = this; // this 的指向性问题 需要在function 外保存 wx.request({ url: 'xxx', data: {xxx}, success: function(result){ that.setData({ dataSourcesArray: result.data.order // 请求到的数据 }); /**原创 2021-08-12 20:06:48 · 431 阅读 · 0 评论 -
微信小程序简单实现两列瀑布流布局页面
实现页面瀑布流思路:使用CSS3属性column-count: number|auto;将容器元素分为两列,使用column-gap: length|normal;设置列之间的间隔,使用break-inside: avoid使元素避免出现中断点。效果截图:注意:最重要的需要设置图片mode=‘widthFix’,即设置图片宽度不变,高度自动变换,保持原图宽高比不变。wxml代码:<view class="picture"> <view class="item">原创 2021-08-10 15:54:05 · 2314 阅读 · 2 评论 -
小程序用到的map集合,造的map集合,通过key获取值value数组。
在做分类功能,由点击侧边栏的商品标题来展示里面的商品的这种功能。----由于后端返回的数据,一下子都直接全部返回,我这边就得做判断,点击哪一个侧边商品id的时候,来对应拿到id里面的同一个返回回来的数据。用到了map。返回数据截图解决方法:直接上代码data{ shopSideList:null,//商品侧边 shopContentList:null,//商品内容 mapTwo:new Map()} //分类商品列表 api.classMax().then(re原创 2021-08-10 14:12:44 · 1094 阅读 · 0 评论