小程序click scroll组件设计
一. 背景 有些业务需求,要求前端展示的内容多时可以通过scroll的形式拖拉查看,但是太多的滚动条又造成页面太乱,于是封装了这个click-scroll 组件。在组件上设定好展示的位置和空间大小,在组件内部放置实际要展示的内容,实际展示的内容宽度或长或短都由此组件来控制。 二. 功能 组件内的内容宽度超过组件宽度时,组件两侧会自动出现『左右移动』交互。 当内部展示的内容超过组件的可见区域时,可以在组件的可见区域单击拖动查看内容 三. 背景知识,元素大小的测量 1.偏移量(offset dimension): 元素在屏幕上占用的可见的所有空间,元素的可见大小由其高度、宽度决定,包括所
用户评论
推荐下载
-
微信小程序自定义scroll_view的实例代码
话不多说, 直接上效果图
11 2021-06-21 -
微信小程序scroll_view锚点链接滚动跳转功能
微信小程序scroll-view锚点链接滚动跳转功能
14 2021-10-28 -
微信小程序左右联动效果wechat scroll linkage master.zip
微信小程序左右联动效果wechat-scroll-linkage-master.zip
24 2020-07-18 -
用swiper_slide模仿微信小程序之scroll_view
用swiper-slide模仿微信小程序之scroll-view,可显示三个的滑动区块,描述的不太清楚,我不知道怎么贴图片,就是类似京东的滑动menu区块
25 2018-12-25 -
微信小程序基础组件与导航组件详细介绍
主要介绍了微信小程序 基础组件与导航组件详细介绍的相关资料,需要的朋友可以参考下
12 2021-01-04 -
京东微信小程序组件方案组件基类源码
wxapp-component-base 京东微信小程序组件方案 - 组件基类 目前组件方案仍然处于探索阶段,欢迎共同探讨 主要分为三个文件 base.js、page.js、component.js
9 2021-02-01 -
VUE组件转换为微信小程序组件的方法
主要介绍了VUE 组件转换为微信小程序组件的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
12 2020-11-13 -
微信小程序微信小程序组件化解决方案
wx-component一种微信小程序组件化解决方案使用拷贝文件拷贝src路径下的所有文件到项目里,例如到libs/目录下引用在app.js中引用wx-component组件app.jsrequire
40 2019-09-18 -
微信小程序微信小程序组件及api使用示例
wxSmartApp 本项目主要展示微信小程序中组件以及微信api的使用示例,关于微信项目环境的搭建以及各目录结构创建请参考小程序基础教程https://mp.weixin.qq.com/debug/
21 2020-08-20 -
scroll
暂无介绍
37 2018-12-25
暂无评论