- 博客(148)
- 资源 (18)
- 收藏
- 关注
RSS订阅
原创 微信小程序五子棋（有效果图）
效果图总共100行js代码，大于8步开始执行胜负判断，主要从落子的位置去判断，左4、右4就是横边上4、下4就是竖边左上4、右下4就是左斜右上4、左下4就是右斜下载地址：遇到问题可以看我主页加我Q，很少看博客，对你有帮助别忘记点赞收藏。...
2022-03-10 12:19:51
2714
原创 微信小程序拼图游戏（有效果图）
效果图仿win10拼图游戏，默认数字拼图，可以自己上传图片进行拼图，图片缓存本地，同一横同一竖可以进行移动，不需要一个一个移动。下载地址：https://download.csdn.net/download/qq_43764578/69468396遇到问题可以看我主页加我Q，很少看博客，对你有帮助别忘记点赞收藏。...
2021-12-23 16:44:50
4880
原创 微信小程序裁剪原始图片尺寸任意比例(有效果图)
效果图下载地址：https://download.csdn.net/download/qq_43764578/39637839 如果想要的效果是按指定宽度高度进行裁剪有一篇文章可以提供参考参考地址：https://blog.csdn.net/qq_43764578/article/details/121212662?spm=1001.2014.3001.5501 遇到问题可以看我主页加我Q，很少看博客，对你有帮助别忘记点赞收藏。...
2021-11-10 15:39:20
1401
1
原创 vue 加入购物车抛物线动画
本文实现了一个购物车小球动画效果。当用户点击页面时，会在点击位置生成彩色小球，这些小球通过CSS动画飞向购物车图标。主要技术点包括： 使用Vue3的watch监听点击坐标变化 动态生成小球元素并设置绝对定位 通过CSS动画实现小球抛物线运动效果 购物车图标包含可旋转的盖子和固定篮子两部分 小球会在800毫秒后自动消失 代码结构清晰，包含完整的模板、脚本和样式部分，实现了流畅的视觉反馈效果。
2026-05-08 16:04:06
72
原创 3D 旋转立方体效果（摇塞子）
本文展示了一个3D旋转立方体的Vue组件实现。通过CSS 3D变换和关键帧动画，创建了一个400rpx大小的彩色立方体，包含6个不同颜色的面。核心代码包括：定义立方体容器、设置6个面元素的3D位置变换、以及实现旋转动画的@keyframes规则。动画效果使立方体在7秒内完成全方位旋转循环。组件采用scoped样式和TypeScript语法，适合直接集成到Vue项目中。
2026-03-17 11:18:26
92
原创 uni-app开箱即用拖拽组件
本文实现了一个可拖动的悬浮按钮组件，基于uni-app框架开发。通过movable-view组件实现按钮的全方向拖动功能，使用touch事件处理拖动过程中的坐标计算。组件固定在页面右侧，具有圆角样式和主题色背景，拖动结束后会自动吸附到最近的边缘位置。代码包含Vue3的setup语法、样式隔离以及响应式数据管理，适用于需要悬浮操作按钮的移动端场景。
2026-02-11 11:20:23
263
原创 NFC标签打开微信小程序
本文介绍了如何通过NFC标签调起微信小程序的完整流程。首先需要准备NFC213芯片贴，并使用NFC Tools写入URL信息。开发者需在微信公众平台申请相关权限，并参考官方文档获取NFC小程序scheme。文中提供了页面获取参数的代码示例，展示了如何解析scene参数获取path值。文章还配有详细的操作截图指引，并提醒读者遇到问题可通过作者主页联系，最后鼓励读者点赞收藏。
2026-02-05 17:17:48
476
原创 前端炫酷展开效果
本文介绍了一个基于Vue.js的视差滚动效果实现方案。通过监听鼠标滚轮事件，控制图片和文字内容的动态位移，创建出富有层次感的视觉体验。代码采用Vue3的setup语法，利用CSS变量(--location)实现元素位置联动变化，并通过clip-path属性实现图片对角线分割效果。文章还包含了完整的模板结构、脚本逻辑和SCSS样式，展示了如何通过transform属性和过渡动画实现平滑的滚动交互效果。该方案适合用于单页网站或产品展示页面的创意布局实现。
2026-02-04 15:36:13
156
原创 前端酷炫的菜单导航动效-凹槽弧线样式
摘要 本文展示了一个Vue3实现的动态底部导航栏组件。该组件包含四个可切换的菜单项（首页、辅导大厅、悬赏问答、我的），通过CSS变量和过渡动画实现了以下交互效果： 选中项图标上浮并显示文字 底部圆形指示器跟随切换 使用伪元素创建半圆装饰效果 组件采用固定定位，包含响应式布局和流畅的动画过渡，通过:style动态计算指示器位置，图片资源根据选中状态切换不同版本。代码简洁高效，适合移动端应用使用。
2026-02-03 11:05:57
172
原创 前端3D炫酷展开效果
本文展示了一个Vue组件实现的图片展开动画效果。通过CSS transform属性实现两张图片的交互效果：当鼠标悬停时，第一张图片产生3D旋转和倾斜效果，第二张图片放大1.3倍。动画持续时间为1秒，使用了perspective属性增强3D效果。代码简洁，仅需230x350px的容器空间，适合作为网页交互元素使用。
2026-02-02 15:58:38
223
原创 vue 实现Element Plus的炫酷主题切换
摘要 本文实现了一个带过渡动画的明暗主题切换开关组件。通过Vue3的<script setup>语法，使用CSS变量控制主题颜色，并利用View Transition API实现点击位置扩散的圆形过渡动画效果。组件包含一个可滑动的圆形按钮，点击时会切换主题状态（明/暗），并触发流畅的视觉过渡效果。CSS部分定义了主题变量和过渡动画样式，确保切换过程平滑自然。该组件支持响应式设计，适合在各类Web应用中使用。
2026-02-02 12:05:18
299
原创 uni-app对接腾讯即时通讯 IM
本文介绍了腾讯云即时通讯IM的无UI集成方法，通过npm安装@tencentcloud/lite-chat包实现。主要内容包括： SDK初始化配置和登录流程实现 核心功能封装：发送文本消息（支持私聊/群聊）、获取会话列表、查看未读消息数、删除会话 事件监听处理：连接状态、消息接收、会话更新等 提供了登录检查封装和错误处理机制 包含Vue组件示例，展示基础调用方式 该方案适用于需要自定义UI的IM应用场景，通过简洁的API调用即可实现基础通讯功能。
2026-01-30 16:45:55
272
原创 微信小程序酒店选择日期和入住人数（有效果图）
InCheckin 选择的日期信息。IntimeCur 组件选择的日期。timeDataArr 显示的日历。peopleArr 入住人数信息。入住一次性最多选择三十天。默认获取三个月日期数组。用的是uni-app。
2024-04-19 17:57:39
1858
原创 微信小程序井字棋（有效果图）
效果图.wxml<view class="title"> <view wx:if="{{currindex < 9 || defeat}}"> {{defeat?'胜出方：':'轮到了：'}}<span class="span">{{defeat?(outindex?'○':'x'):(outindex?'x':'○')}}</span> </view> <view wx:else>平局</view&g
2022-03-09 11:45:54
1047
2
微信小程序拼图.rar
2021-12-23
picture.rar
2021-11-10
jquery表情插件.zip
2020-01-09
微信小程序聊天(仿微信).zip
2020-05-09
运行库9-14.zip
2019-08-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人