# 指南针 **Repository Path**: teajoy/compass ## Basic Information - **Project Name**: 指南针 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-04-03 - **Last Updated**: 2025-04-03 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 指南针小程序 这是一个模仿MIUI系统指南针app的微信小程序,提供基本的指南针功能。 ## 功能说明 1. **指南针功能**:显示当前设备的朝向方向,包括角度和方位指示(东南西北) 2. **UI设计**:采用MIUI风格的简洁界面,黑色背景配合白色刻度 3. **罗盘动画**:根据设备方向实时旋转罗盘指针 ## 技术实现 - 使用微信小程序原生框架开发 - 调用设备方向传感器API获取方向数据 - 使用canvas绘制罗盘界面 - 基于传感器数据实时更新罗盘指针方向 ## 使用方法 1. 打开小程序 2. 允许获取设备方向权限 3. 保持手机平放,观察指南针方向 ## 项目结构 ``` |- app.js // 小程序入口文件 |- app.json // 小程序全局配置 |- app.wxss // 小程序全局样式 |- pages/ // 页面文件夹 |- index/ // 首页(指南针页面) |- index.js // 指南针页面逻辑 |- index.json // 指南针页面配置 |- index.wxml // 指南针页面结构 |- index.wxss // 指南针页面样式 |- images/ // 图片资源 |- utils/ // 工具函数 |- compass.js // 指南针相关计算 ```