更新记录

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         # 项目说明文件

安装与运行

  1. 克隆或下载项目到本地
  2. 打开 HBuilder X
  3. 点击顶部菜单的 "文件" -> "导入" -> "从本地目录导入项目"
  4. 选择项目目录并点击 "确定"
  5. 运行项目:
    • 运行到浏览器:点击顶部菜单的 "运行" -> "运行到浏览器"
    • 运行到小程序:点击顶部菜单的 "运行" -> "运行到小程序模拟器"

界面预览

主界面

主界面

小程序码

小程序码

开发说明

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

许可证

MIT

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。