![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 50
少年的范儿
努力、奋斗!!!
展开
-
小程序日期(日历)时间 选择器组件
封装一个很好用 小程序的日期(日历)时间组件,日期用日历选择,时间用 小程序 的 picker-view 来实现原创 2023-02-24 10:36:51 · 5772 阅读 · 3 评论 -
封装小程序图片预览组件
封装一个和 小程序预览图片类似的组件原创 2023-02-21 10:59:10 · 393 阅读 · 0 评论 -
小程序使用 picker-view 自定义封装省市区三级联动组件
基于小程序的 picker-view 封装的一个 省市区三级联动组件 (按钮样式可以定义修改)原创 2022-03-19 14:33:56 · 2025 阅读 · 1 评论 -
小程序基于 picker 封装省市区三级联动组件
效果图代码如下a.子组件中wxml 中<view class="picker-city-area-content"> <picker bindchange="changeRegin" mode = "region" value="{{region}}"> <view class="picker-city-area-detail">{{region[0]}} - {{region[1]}} - {{region[2]}}</view>原创 2022-03-15 15:36:39 · 697 阅读 · 0 评论 -
自定义封装小程序模态框 (modal)
效果图代码如下modal 组件中wxml 部分<view class="mask" wx:if="{{show}}" bindtap="clickMask"></view><view class="modal-wrapper" wx:if="{{show}}"> <view class="modal-content" style="height:356rpx"> <view class="main-content">原创 2021-11-15 14:21:14 · 577 阅读 · 0 评论 -
自定义封装小程序搜索框组件(search),支持按钮点击搜索和回车搜索
效果图代码如下1. 子组件中wxml 部分<view class="search-box-component"> <view class="search-content"> <view class="search-left"> <view class="search-icon" style="width:30rpx;height:30.3rpx;margin: 0 20rpx 0 28rpx;">原创 2021-11-15 13:45:11 · 1979 阅读 · 0 评论 -
封装小程序日期选择器组件 picker-view
效果图日期组件中wxml 部分<view> <view bindtap="handleShowDatePicker">{{year}}-{{month}}<text wx:if="{{isShowDays}}">-{{day}}</text></view></view><view class="date-picker-container {{isShow ? 'active' : 'display-no.原创 2021-11-12 18:07:00 · 427 阅读 · 0 评论