Skip to content

flow2000/bing-wallpaper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

必应壁纸(Bing Wallpaper)

一个精美的必应壁纸展示站点,提供丰富的壁纸浏览、筛选和下载功能。

www.bimg.cc

项目地址

在线预览:https://www.bimg.cc

功能特性

壁纸浏览

  • 瀑布流布局展示每日必应壁纸
  • 支持多种分辨率切换
  • 壁纸预览大图查看
  • 一键下载高清壁纸

智能筛选

  • 地区筛选:支持中国、德国、加拿大、英国、印度、美国、法国、意大利、日本等九个地区的壁纸
  • 时间筛选:按月份范围筛选壁纸,快速定位目标日期的壁纸
  • 筛选状态:实时显示当前筛选条件,快速清除筛选

交互体验

  • 悬浮提示:鼠标悬停在壁纸上时显示标题、版权信息、发布日期等详情
  • 操作按钮:快速预览、下载壁纸
  • 分页浏览:支持自定义每页显示数量,平滑滚动

壁纸详情

  • 完整的壁纸信息展示
  • 分辨率切换功能
  • 壁纸下载

技术栈

  • 前端框架:Vue 2.x
  • UI组件库:Element UI
  • 网络请求:Axios
  • 路由管理:Vue Router
  • 构建工具:Webpack

项目结构

bing-wallpaper/
├── build/                    # Webpack 构建配置
├── config/                   # 项目配置文件
├── src/
│   ├── main.js              # 应用入口文件
│   ├── App.vue              # 根组件
│   ├── router/
│   │   └── index.js         # 路由配置
│   ├── views/
│   │   ├── index.vue        # 主页面布局
│   │   ├── about/           # 关于页面
│   │   └── wallpaper/
│   │       ├── index.vue    # 壁纸列表页
│   │       └── detail.vue   # 壁纸详情页
│   └── assets/              # 静态资源
├── static/                   # 静态文件
├── index.html               # HTML 模板
└── package.json             # 项目依赖配置

API 接口

获取全部壁纸

GET https://api.bimg.cc/all

响应示例:

{
  "code": 200,
  "msg": "操作成功",
  "data": [
    {
      "id": 3589,
      "title": "伸个懒腰,迈向新年!",
      "url": "https://bing.com/th?id=OHR.NewYearFox_ZH-CN9312618796_1920x1080.jpg",
      "datetime": "2026-01-01",
      "copyright": "正在睡觉的北极狐 (© Chansak Joe/Gettsy Images)",
      "copyrightlink": "https://www.bing.com/search?q=xxx",
      "hsh": "2e842de8dd2aa5496f111c5bc406d595",
      "created_time": "2026-01-01"
    }
  ],
  "total": 3589
}

字段说明:

字段名 类型 说明
id number 壁纸唯一标识
title string 壁纸标题
url string 壁纸图片地址
datetime string 发布日期(YYYY-MM-DD格式)
copyright string 版权信息
copyrightlink string 版权链接
hsh string 图片哈希值
created_time string 创建时间

已知分辨率

项目支持以下分辨率的壁纸切换:

  • 4K
  • 1920×1200
  • 1920×1080
  • 1080×1920(竖屏)
  • 1366×768
  • 1280×768
  • 1024×768
  • 800×600
  • 800×480
  • 768×1280(竖屏)
  • 720×1280(竖屏)
  • 640×480
  • 480×800
  • 400×240
  • 320×240
  • 240×320(竖屏)

已知地区

项目支持以下地区的壁纸筛选:

地区代码 地区名称
de-DE 德国
en-CA 加拿大
en-GB 英国
en-IN 印度
en-US 美国
fr-FR 法国
it-IT 意大利
ja-JP 日本
zh-CN 中国

快速开始

环境要求

  • Node.js >= 6.0
  • npm >= 3.0

安装依赖

npm install

启动开发服务器

npm run dev

构建生产版本

npm run build

重构日志

版本 3.0(当前版本)

新增功能:

  • 地区筛选功能:支持按国家地区筛选壁纸
  • 时间筛选功能:支持按月份范围筛选壁纸
  • 悬浮提示:鼠标悬停显示壁纸详情
  • 响应式设计:适配桌面端、平板和移动端
  • 分辨率切换:在详情页可自由切换分辨率

优化改进:

  • 全新现代化 UI 设计
  • 优化的用户体验
  • 更好的性能表现
  • 代码结构更清晰

浏览器支持

  • Chrome(最新版本)
  • Firefox(最新版本)
  • Safari(最新版本)
  • Edge(最新版本)
  • IE 11 不支持

版权声明

本站所有图片均来自必应搜索,仅供学习和个人使用,请勿用于商业用途。

作者

枫叶

许可证

本项目基于 GPL License 开源,您可以在遵守协议的前提下自由使用、修改和分发本项目的代码。

About

各国每日超清必应壁纸

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published