![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
weixin_46013844
这个作者很懒,什么都没留下…
展开
-
小程序的分页加载怎么写?==》
分页加载小程序中非常常见的功能小程序分页的核心是for,简单来说就是循环赋值如果数据比较少业务逻辑:for赋值拼接到一个数组上,然后再结构中显示这个数组如果数据比较多业务逻辑:for赋值到一个数组a上,然后把数组a,push添加到另一个数组b中,然后在在结构中显示数组b这样写的原因是一个数组的可以拼接的长度是有限制的也就是说如果第一种方法可以拼接300个数据 那么第二种就可以凭借30...原创 2020-02-13 19:09:59 · 224 阅读 · 0 评论 -
微信小程序 宽度占满剩余部分 或者宽度占满剩余部分
暂时遇到的宽高自适应有两种1.宽度占满剩余部分2.高度占满剩余部分1.想要宽度占满剩余部分怎么解决clac(100% - ~rpx) 减号两边一定要有空格2.高度占满剩余部分的情况主要发生在 小程序的内容滚动区域高度自适应因为小程序有tabbar栏 而且官方是没有给出计算tabbar 高度的方法的 所以无法通过计算所有高度来确定变化的滚动区域的高度position:absolu...原创 2020-02-07 19:59:53 · 4054 阅读 · 2 评论 -
小程序内容滚动导航体验提升
滚动导航 在商城小程序中是非常常见的当scroll-view 超出宽度时 滑动滑块 双向联动 样式很可能不在中间实现业务逻辑1.滚动区域2.内容滑块3.双向联动4.scroll-left通过scroll-view实现,一般都是会配合样式的动态改变 动态改变主要通过一个三项式来实现的 {{ index1 ==item.id ?‘active’:’’ }}实现了滚动区域之后和动态样式...原创 2020-02-02 02:24:48 · 65 阅读 · 0 评论 -
小程序scroll-view头一次点击不生效解决 详解
“disableScroll”: true 作用是什么?一般一个页面不全是滚动区域 当你滑动了滚动区域之外的区域 之后再来点击 滚动区域 滑动会无效 之后再点击之后滑动才会生效 这个属性是可以解决这个问题的 大大提升小程序用户体验如何使用?直接再本页面的.json文件下添加"disableScroll": true属性即可{ "usingComponents": { "my-...原创 2020-01-31 03:34:39 · 725 阅读 · 1 评论 -
子盒子相对于父盒子垂直居中详解
https://segmentfault.com/a/1190000016344599?utm_source=tag-newest有什么作用?严格实现垂直居中的几种方法有哪几种方法?1.position+margin2.position+transform3.flex4.box-sizing+padding这三种主要实现子盒子关于父盒子垂直居中的问题头两种主要是 把儿子的左上角移...原创 2020-01-30 17:33:49 · 528 阅读 · 0 评论