- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue3+uniapp横屏轮播
本文介绍了一个实现横屏图片展示的Vue组件方案。通过使用swiper轮播组件和自定义样式，实现了以下功能：1) 图片90度旋转横屏展示；2) 自定义垂直排列的指示点；3) 图片点击预览功能；4) 动态计算图片尺寸适配容器。关键实现包括：使用transform旋转图片、交换宽高计算、自定义指示点样式等。该方案适用于需要展示宽幅图片的场景，可根据需求删减轮播功能。
2025-08-06 09:03:27
288
原创 vue3+uniapp做一个类似请柬
本文介绍了一个基于Vue3+Uniapp开发的电子请柬页面实现方案。该页面具有以下核心功能：1）可更换背景图片；2）集成音乐播放控制（带旋转动画）；3）提供评论留言功能；4）支持多种虚拟礼物赠送（鲜花等）；5）内置分享功能。代码展示了页面结构模板，包含背景图、音乐控制按钮、评论输入框、礼物选择区等组件，并实现了音频初始化、礼物确认弹窗等交互逻辑。通过uniapp的跨平台特性，该方案可快速构建具有社交互动功能的电子请柬应用，适合婚礼、庆典等场景使用。
2025-07-30 11:07:22
255
原创 微信小程序-登录弹窗
本文介绍了基于Vue3+Uniapp实现小程序登录功能并集成隐私协议弹窗的方法。核心内容包括：1）父组件通过v-model控制登录弹窗显示，监听登录成功事件；2）子组件实现登录弹窗，包含手机号快捷登录按钮和协议勾选框；3）独立的隐私协议弹窗组件，支持查看协议内容和选择同意/不同意；4）通过wx.login和getPhoneNumber实现微信授权登录流程。代码展示了完整的组件交互、登录状态管理和样式实现，为小程序开发提供了可复用的登录方案。
2025-07-23 10:54:15
265
原创 photo-sphere-viewer做vr全景预览
本文介绍了使用photo-sphere-viewer插件实现VR全景预览的方法。通过npm安装插件后，在Vue项目中创建全景查看器容器，并配置多个场景图片及标记点。利用MarkersPlugin插件实现场景切换功能，点击标记点可平滑过渡到下一个场景。文章还提供了扩展方案：添加底部banner组件展示所有子场景缩略图，支持点击切换主场景。核心代码包含全景初始化、场景切换动画、标记点交互等实现细节，可直接复用或根据需求调整。
2025-07-22 18:02:01
1494
1
原创 修改echarts中简单的样式
后面给大家附上如何在小程序里使用echarts写一个地图，如下图： 类似这样的echarts地图，以四川为例。https://echarts.apache.org/zh/index.html----//echarts官网。项目场景：如何修改echarts中简单的样式（只是针对简单的样式属性哈）2.关于x轴，y轴的样式（直接上代码）
2023-06-12 16:01:57
906
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人