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