- 博客(8)
- 收藏
- 关注
RSS订阅原创 使用vue3和uniapp封装自定义的手风琴折叠组件
这是一个基于Vue.js的折叠面板组件实现，包含以下核心功能：1、组件结构：采用template+script+style三部分封装，支持手风琴模式和动画效果。2、交互功能：点击面板头部可展开/折叠内容区；支持嵌套子项展示和点击事件。3、插槽机制：提供right和child两个插槽用于自定义内容。
2025-06-25 10:25:11
963
原创 使用vue3和uniapp封装自定义的tab组件
本文介绍了一个可复用的横向滑动选项卡组件(h-tab)的实现。支持通过props配置滚动位置、当前选中项、边框显示等属性，并通过emit触发切换事件。核心功能是点击选项卡时自动滚动到对应位置并切换样式，通过scroll-view实现横向滑动，同时提供选中状态的视觉反馈。组件采用Vue3的setup语法，支持双向绑定当前选中项。CSS部分处理了滚动条隐藏、选中样式等视觉效果，适用于不同场景的选项卡需求。
2025-06-17 09:39:12
924
原创 使用vue3和uniapp封装类型组件
本文介绍了一个基于Vue.js的底部弹窗组件(h-type-popup)的实现方案。该组件具有以下特点：1、支持多选项选择功能，包含"不限"选项；2、提供重置和确认按钮操作；3、通过props接收数据源和字段映射配置；4、采用响应式设计，支持动画效果；5、通过emit事件与父组件通信。组件包含三部分：HTML模板、JS逻辑和CSS样式。使用示例展示了如何绑定数据和处理回调。该组件适用于需要多条件筛选的场景，具有良好的复用性和可配置性。
2025-06-16 10:08:33
967
原创 使用vue3、uniapp封装分段选择器按钮
本文介绍了一个Vue菱形选项卡组件的实现。该组件包含HTML模板、JavaScript逻辑和SCSS样式三部分：1、 模板部分通过v-for循环渲染选项卡列表，使用clip-path创建菱形形状；2、JS部分定义了props参数，实现选项卡切换逻辑并通过emit传递事件；3、样式部分使用clip-path创建菱形效果，区分了active(白色背景)和inactive(半透明背景)两种状态。组件支持双向绑定和change事件，具有独特的菱形视觉设计。
2025-06-13 10:09:18
574
原创 node.js的常用命令
Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，用于构建高效的网络应用程序。：Node.js的包管理器，用于安装、更新和管理依赖包，以及运行脚本。功能：临时安装并运行一个npm包中的命令，无需全局安装。功能：显示当前项目中安装的所有npm包及其版本。功能：管理Node.js应用程序的包依赖关系。功能：在当前项目中安装指定的Node.js包。功能：在全局环境中安装指定的Node.js包。功能：在当前项目中删除指定的Node.js包。功能：显示当前Node.js的版本号。
2024-03-28 20:58:17
245
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人