- 博客(16)
- 收藏
- 关注
RSS订阅原创 封装SKU组件传skuCode和price和是否选择所有类别
本文实现了一个商品SKU选择组件，主要功能包括： 通过wx:for循环渲染SKU分组和选项标签 使用观察器同步属性数据到本地状态 实现SKU联动选择逻辑： 根据库存数据动态禁用不可选选项 记录选中状态和索引 提供价格查询方法，根据选中SKU组合获取对应价格 包含SKU名称拼接、选中状态判断等工具方法 组件采用响应式设计，当SKU数据变化时会自动更新界面和状态，并通过事件通知父组件变更。
2026-04-15 15:37:02
31
原创 微信小程序时间选择器
这是一个微信小程序日期选择组件，包含横向滚动日期按钮和日历弹窗功能。组件主要特点： 提供7天日期选项横向滚动展示，显示星期和日期 选中日期高亮显示并带有选中标记动画 支持点击"更多时间"打开日历弹窗选择日期 日期范围限制为当前日期到2年后年底 选中日期变化会触发dateChange事件 样式美观，包含圆角、阴影等视觉效果 组件使用dayjs处理日期，包含完整的交互逻辑和样式，可直接在小程序项目中使用。
2026-04-06 15:04:16
39
原创 实名制生成组件
同行游客实名信息管理组件摘要 该微信小程序组件实现了同行游客实名信息收集功能，主要特点包括： 动态列表管理：根据门票购买数量自动生成/删除同行游客表单项 证件类型选择：支持6种证件类型（身份证、港澳通行证等），可配置允许的证件类型 OCR识别：提供身份证扫描功能 数据同步：实时将变更数据通过事件通知父组件 响应式设计：通过observers监听门票数量变化自动调整表单 组件包含表单字段验证、证件类型选择器、身份证扫描等交互功能，适用于旅游票务等需要收集多人实名信息的场景。
2026-03-30 16:12:14
25
原创 数组实战前端
摘要：代码片段展示了从URL中提取二维码登录信息的过程。首先通过decodeURIComponent解析URL参数，然后使用正则表达式清理URL，提取路径末端的cardPass值。另一段代码则将服务器返回的cardType字符串转换为数字数组。这些操作主要用于处理二维码登录相关的数据解析和格式转换。
2026-03-03 11:30:50
127
原创 自动切换标签滚动阈值控制
本文详细介绍了微信小程序实现标签联动滚动效果的9个关键步骤：1）为区域添加唯一ID标识便于定位；2）引入Vant组件库支持粘性布局；3）配置数据结构管理滚动状态；4）计算导航栏高度；5）实现标签点击跳转功能；6）节流优化滚动性能；7）监听滚动自动切换标签；8）优化样式间距；9）初始化各项功能。重点解决了位置精确计算、滚动性能优化和防止滚动冲突等技术难点，通过wx.createSelectorQuery()获取元素位置，结合节流处理实现流畅的标签联动滚动效果。
2025-09-29 09:24:30
238
原创 微信小程序横向滚动的轮播图效果（旅游攻略）
摘要：这段代码实现了一个横向滚动的热门攻略轮播图组件。包含标题区域"🔥 热门攻略"和可横向滚动的攻略列表，每个攻略项显示封面图、标题、作者、浏览/点赞数和标签。采用Flex布局实现横向滚动，样式包含圆角、阴影等视觉效果，并绑定了点击事件onHotGuideTap来响应攻略项点击。组件整体设计简洁美观，适合移动端展示内容卡片。
2025-09-29 09:06:57
159
原创 微信小程序创建
在project.config.json的 “setting”: { 中添加。使用vant记得删除上腾娱乐:style:“v2”再次重新打开此项目,
2025-09-28 15:45:09
105
原创 微信小程序分页组件完整封装指南
这个分页组件封装了完整的分页逻辑，包括：组件定义：属性、方法、事件样式设计：响应式、交互效果数据类型：接口定义、参数类型使用示例：页面集成、事件处理
2025-09-28 14:41:58
676
原创 数组操作详细过程
遍历 / 检测：forEach、some、every、find转换 / 缩减：reduce、join、flat修改数组：push/pop、splice、sort（谨慎使用，可能修改原数组）其他操作：slice、includes、indexOf
2025-09-28 14:25:47
348
原创 map 和 filter
filter 方法会遍历数组中的每个元素，对每个元素应用一个回调函数，回调函数返回一个布尔值，filter 会将所有使回调函数返回 true 的元素组成一个新数组返回。currentValue：当前正在处理的数组元素。array（可选）：调用 map 方法的原数组。每个元素都是原数组元素经过处理后的结果。新数组中的元素是原数组中满足条件的元素。返回的新数组长度可能小于或等于原数组。index（可选）：当前元素的索引。数据筛选（如筛选符合条件的对象）返回的新数组长度与原数组相同。排除不符合要求的元素。
2025-09-28 14:01:30
296
原创 CSS点击缩放、过渡与缩放特效解析
1) 直接在div中使用Unocss样式类，包含200ms过渡动画、100%初始缩放和98%点击缩放效果；2) 通过Unocss的shortcuts功能定义"click-scale"快捷类复用样式。同时还提供了等效的CSS写法，使用transition和transform属性实现相同的交互效果。这些方案都能为元素添加平滑的点击反馈动画。
2025-09-27 11:03:14
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人