# uniapp-vue3-wallpaper

**Repository Path**: Huboshi0/uniapp-vue3-wallpaper

## Basic Information

- **Project Name**: uniapp-vue3-wallpaper
- **Description**: 小虎壁纸，主要功能包括壁纸的预览及下载，包括主页、搜索图片、每日推荐、专题精选、分页类、个人中心等。
使用uni-app + Vue3 + uni-ui 开发，实现跨平台移动Web、微信小程序和安卓三端。
主要成果：
从缩略图跳转至壁纸时结合swiper实现壁纸的预加载，并实现将图片下载
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2024-07-04
- **Last Updated**: 2025-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 小虎壁纸（小程序）

### 微信小程序体验二维码
![输入图片说明](https://foruda.gitee.com/images/1725371083044969170/c0a3f692_8727283.jpeg "gh_6478d0e6bcc2_258.jpg")
#### 介绍
+ 小虎壁纸，主要功能包括壁纸的预览及下载，包括主页、搜索图片、每日推荐、专题精选、分页类、个人中心等。
+ 使用uni-app + Vue3 + uni-ui 开发，实现跨平台移动Web、微信小程序和安卓三端。
+ 主要成果： 
    - 1. 从缩略图跳转至壁纸时结合swiper实现壁纸的预加载，并实现将图片下载到本机相册。
    - 2. 使用骨架屏插件结合触底加载更多，提高用户体验；处理顶部刘海屏适配和uni-popup底部弹窗安全区。
    - 3. 打包发布微信小程序上线、打包h5页面并托管至unicloud、打包安卓App并安装运行。
#### 效果图
![输入图片说明](static/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240903215016.png)
![输入图片说明](static/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240903215128.png)
![输入图片说明](static/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240903215135.png)
![输入图片说明](static/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240903215142.png)
![输入图片说明](static/images/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240903215148.png)