随笔分类 - 小程序

小程序实现自定义导航栏

摘要：1. 组件nav的WXML <view class='nav-wrapper'> <text wx:if="{{showBack}}" class='iconfont icon-fanhui nav-back' catchtap='onRouteBack'></text> <view class=' 阅读全文

posted @ 2021-03-08 17:15 搬砖的苦行僧阅读(144) 评论(0) 推荐(0) 编辑

手写动起来的直播小线条（小程序）

摘要：WXML:  <view slot='extra'> <view class="loader-inner"> <view class="line"></view> <view class="line"></view> <view class="line"></view> 阅读全文

posted @ 2021-03-05 17:09 搬砖的苦行僧阅读(182) 评论(0) 推荐(0) 编辑

公告栏实现文字滚动效果（小程序）

摘要：可以用轮播图实现： WXML: <view class="bell-text"> <swiper class="swiper-content" autoplay="{{true}}" vertical="{{true}}" interval="{{3000}}" circular="{{true}} 阅读全文

posted @ 2021-03-05 17:04 搬砖的苦行僧阅读(403) 评论(0) 推荐(0) 编辑

小程序中实现本地搜索中将含有搜索关键字标红（用的uniApp）

摘要：WXML： <view class="header"> <input class="input" placeholder-class="uni-input-placeholder" placeholder="请输入搜索内容" v-model.trim="qString" @confirm="hand 阅读全文

posted @ 2021-03-02 17:40 搬砖的苦行僧阅读(290) 评论(0) 推荐(0) 编辑

小程序中从地址列表页面返回到确认订单页面显示默认地址(1. 点击地址列表返回到确认订单页面；2.没有点击列表，直接返回到确认订单页面)

摘要：1. 在地址列表页面 // 卸载页面时onUnLoad () { // isClick 一种是点击的当前这一条，另一种是直接返回页面的 // 所以在卸载的时候需要判断是点击的还是直接返回页面的 let { id, isClick } = this.data if (!isClick) { let p 阅读全文

posted @ 2021-03-02 17:15 搬砖的苦行僧阅读(419) 评论(0) 推荐(0) 编辑

小程序用了scroll-view后隐藏滚动条

摘要：::webkit-scrollbar{ width: 0; height: 0; color: transparent; } 阅读全文

posted @ 2020-08-25 17:37 搬砖的苦行僧阅读(218) 评论(0) 推荐(0) 编辑