- 博客(8)
- 收藏
- 关注
RSS订阅原创 小程序实现手风琴列表功能
小程序实现手风琴列表功能今天在开发过程中, 有一个功能是 手风琴列表, 考虑到产品的想法总是天马行空, 于是打算自己来做这个功能, 经过一上午的删删改改, 终于做出了一个自己认为还算达标的 手风琴列表 功能, 请看图!在实现 推拉效果的时候, 第一时间想到的通过设置 height: auto 在实现 推拉效果, 然后发现设置 height: auto 会导致设置过渡时间不会起效果, 于是想到了动态获取 元素高度, 然后设置 transition: height .3s, 就可以完美的拥有 推拉效果 了
2020-06-04 22:23:15
2076
原创 小程序实现搜索关键词高亮功能
小程序实现搜索关键词高亮功能今天开发小程序的时候, 有一个搜索功能是需要有 关键词变色 的效果, 第一次做小程序的 “关键词变色” 功能, 没什么思路, 果断百度, 然后找到一个方法可以实现, 虽然可以实现效果, 但是在搜索列表数据比较多的情况下还是会有一点点影响, 会导致显示速度会有一点延迟, 于是又开始了第二次尝试, 打算自己写, 这个时候想到了小程序 rich-text 组件; 对呀、我为什么不直接用 rich-text 组件来试一下呢, 说做就做, 果然使用 rich-text 还是可以的, 达到
2020-05-14 00:10:29
1449
3
原创 微信小程序自定义 scroll-view 滚动条
小程序自定义 scroll-view 滚动条效果图wxml代码 <scroll-view scroll-x class="scroll-view" bindscroll="bindScroll"> <block wx:for="{{arr}}" wx:key="index"> ...
2020-05-03 18:27:37
2772
6
原创 js将对象进行排序
这里写自定义目录标题js对象排序打印结果js对象排序 let list = { 1: { name: '陈七', age: '20', sex: '男', sort: 4 }, 2: { name: '王五', age: '42', sex: '女', sort: 2 }, 3: { name: '赵六', age: '27', sex: '男', ...
2020-04-19 22:55:45
10241
4
原创 javaScript + better-scroll 实现移动端轮播图效果
javaScript + better-scroll 实现移动端轮播图效果该功能主要实现移动端轮播图的效果, 主要使用 javaScript + better-scroll 技术, 话不多说上代码, 保证简单已懂。首先我们需要引入 better-scroll 这个插件github: https://github.com/ustbhuangyi/better-scroll <scrip...
2019-09-25 23:27:56
870
原创 Vue封装 swiper 组件多种方案实现
Vue封装 swiper 组件多种方案实现第一种方案(原生实现)不需要引入任何插件 <template> <div class='home'> <div v-if="swiperList.length" class="slider-wrapper" ref="sliderWrapper"> <!-- 第一种方案(原生) --...
2019-08-08 09:54:01
1340
原创 js对数组进行排序
对数组内部对象进行排序去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片. let list = [ { name: '陈七', age: '20', sex: '男', detail: { sort: 4 } }, { name: '王五', age: '42', sex: '女', detail: { sort: 2 } }, ...
2019-07-07 17:14:21
644
原创 使用 better-scroll 如何实现滚动功能
@TOCbetter-scroll的横纵向滚动better-scroll 横纵向滚动的实现在我们开发移动端的日常工作中, 有时候需要实现一些滚动列表效果, 这时候我们就可以使用 better-scroll 这个插件了, 以下就是 better-scroll 的一些用法第一步: 安装 better-scroll 插件 npm install better-scroll --save |...
2019-06-14 17:41:05
3395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人