# xiaomi

**Repository Path**: uniapp-tmp/xiaomi-web

## Basic Information

- **Project Name**: xiaomi
- **Description**: 本项目用于展示仿小米官网项目，使用的技术栈是Vue3 + TS + Element-Plus + Vite等，用于学习小米官网UI效果已经Vue3语法和周边生态
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://gitee.com/xuhongbo-dev/xiaomi-web/blob/master/index.html
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-12-01
- **Last Updated**: 2025-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<<<<<<< HEAD
#项目名称是仿小米官网

##使用的技术栈是前端比较流行的Vue3、Typescript、Element-Plus、Threejs等

```
如果想要打开项目
1、npm i
2、npm run dev
3、本地访问 localhost:3000 或者其它port
``

##现在前两个模块已经成熟，后续可能开发其他的模块包括澎湃模块、摄影模块等，并且首页和商城模块已经接入了后端数据，
小米汽车模块使用了Threejs，加载的模型是xiaomi-su7，之后还会完善
=======
## 项目介绍

本项目是一个基于Vue.js框架开发的小米官网项目，包含了首页、商城、小米汽车、澎湃OS等模块。项目采用Vue CLI进行构建，使用了Vue Router进行路由管理，Vuex进行状态管理，Element UI进行组件库的引入，Axios进行数据请求，以及使用了Vue CLI插件进行代码的压缩和优化。

## 项目功能

- 首页：展示小米官网的首页内容，包括轮播图、推荐商品、新闻资讯等。
- 商城：展示小米商城的商品列表，包括手机、电视、电脑等商品，支持搜索、筛选、排序等功能。
- 小米汽车：展示小米汽车的最新动态、车型介绍、购车指南等。
- 澎湃OS：展示澎湃OS的最新动态、功能介绍、下载安装等。

## 项目运行

1. 克隆项目到本地

```bash
git clone https://gitee.com/xuhongbo-dev/xiaomi-web
```

2. 进入项目目录

```bash
cd xiaomi-web
```

3. 安装依赖

```bash
npm install
```

4. 运行项目

```bash
npm run dev
```
5、打包项目

```bash
npm run build
```
>>>>>>> main