更新记录
1.0.1(2026-04-01) 下载此版本
初次上传,1.0.1
平台兼容性
uni-app(4.07)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | √ | √ | √ | - | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | - | - |
世界时间
一个基于 uni-app 开发的世界时钟应用,支持查看世界各地的时间,切换城市和语言。
功能特性
- 实时显示世界各地时间
- 支持切换城市(北京、纽约、伦敦、东京、悉尼、巴黎、莫斯科、洛杉矶)
- 支持语言切换(中文/英文)
- 简洁美观的界面设计
- 响应式布局,适配不同屏幕尺寸
技术栈
- uni-app
- Vue 2
- moment.js
项目结构
世界时间/
├── pages/
│ └── index/
│ └── index.vue # 世界时钟主页面
├── static/ # 静态资源
├── App.vue # 应用入口组件
├── main.js # 应用入口文件
├── pages.json # 页面路由配置
├── manifest.json # uni-app 配置文件
├── uni.scss # 全局样式变量
├── package.json # 项目配置文件
└── README.md # 项目说明文件
安装与运行
- 克隆或下载项目到本地
- 打开 HBuilder X
- 点击顶部菜单的 "文件" -> "导入" -> "从本地目录导入项目"
- 选择项目目录并点击 "确定"
- 运行项目:
- 运行到浏览器:点击顶部菜单的 "运行" -> "运行到浏览器"
- 运行到小程序:点击顶部菜单的 "运行" -> "运行到小程序模拟器"
界面预览
主界面

小程序码

开发说明
- 使用 uni-app 框架开发,支持多端运行
- 使用 moment.js 处理时间和时区
- 界面设计简洁美观,注重用户体验
- 支持响应式布局,适配不同屏幕尺寸
许可证
MIT

收藏人数:
https://gitee.com/motongbike/world-time
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 1
赞赏 0
下载 11482233
赞赏 1901
赞赏
京公网安备:11010802035340号