wocwin的博客

本文介绍了一个移动端悬浮框组件的实现方案，支持拖拽和点击跳转功能。组件封装了可见性、尺寸、文字、层级等参数配置，并通过touch事件实现拖拽功能，包含边界检测防止拖出屏幕。代码使用Vue实现，包含模板、逻辑和样式部分，支持自定义样式和事件回调。组件可灵活配置尺寸、位置和显示内容，适用于需要在移动端添加可拖动悬浮按钮的场景。文章还提供了相关组件库文档链接，便于进一步扩展使用。

本文介绍了TTable组件的实现，这是一个基于Vue的表格组件。组件支持可配置的表头(columns)和数据源(data)，提供max-height固定表头、高度调节(height)等功能。表格支持render函数和插槽(slot)两种自定义内容方式，并内置了行点击事件(rowClick)。源码实现包含表头固定、数据渲染、空状态显示等核心功能，采用sticky定位实现表头固定效果。组件设计简洁，支持响应式布局，适合在Vue项目中快速构建数据表格功能。

Vue2移动端（H5项目）项目封装switch组件支持动态设置开启关闭背景色、值及组件内显示文字描述、禁用、switch 的宽度

Vue2移动端（H5项目）项目封装form表单校验组件（支持required必填、min/max最大最小长度、pattern正则、validator事件校验规则）

Vue2移动端（H5项目）项目基于vant封装图片上传组件（支持批量上传、单个上传、回显、删除、预览、最大上传数等功能）

Vue2移动端（H5项目）项目封装车牌选择组件

Vue2移动端（H5项目）项目基于vant实现select单选（支持搜索、回显、自定义下拉label展示功能）

Vue2 移动端（H5）项目封装弹窗组件

Vue2移动端（H5项目）项目基于vant实现select多选（支持全选、模糊搜索、反选，最大选择数等功能）

Vue项目解决van-calendar 显示白色空白，需滑动一下屏幕，才可正常显示

vue2+vant-ui van-field输入框显示或隐藏密码 组件封装（移动端项目、H5项目）