# vue-xcx

**Repository Path**: web_74/vue-xcx

## Basic Information

- **Project Name**: vue-xcx
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-02
- **Last Updated**: 2026-05-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 商城小程序

基于 Mpvue 开发的微信小程序商城应用。

## 技术栈

| 分类 | 技术 |
|------|------|
| 框架 | Mpvue 1.0 |
| 状态管理 | Vuex 3.0 |
| 构建工具 | Webpack |

## 项目结构

```
vue-xcx/
├── build/                      # 构建配置
│   ├── webpack.base.conf.js   # Webpack 基础配置
│   ├── webpack.dev.conf.js    # 开发环境配置
│   ├── webpack.prod.conf.js   # 生产环境配置
│   └── utils.js              # 工具函数
├── config/                     # 项目配置
│   ├── dev.env.js            # 开发环境变量
│   ├── prod.env.js           # 生产环境变量
│   └── index.js              # 主配置
├── src/                        # 源代码
│   ├── components/           # 公共组件
│   │   └── index/           # 首页组件
│   │       ├── swipers.vue  # 轮播图
│   │       ├── newgood.vue  # 新品推荐
│   │       ├── hotgood.vue  # 热门商品
│   │       └── cate.vue     # 分类
│   ├── pages/               # 页面
│   │   ├── index/           # 首页
│   │   ├── cate/           # 分类页
│   │   ├── counter/         # 计数器
│   │   └── logs/           # 日志
│   ├── utils/               # 工具函数
│   ├── store.js             # Vuex 状态
│   ├── App.vue              # 根组件
│   └── app.json             # 小程序配置
├── static/                   # 静态资源
│   ├── images/              # 图片资源
│   └── weui/               # WeUI 样式
├── index.html               # HTML 模板
├── package.json             # 依赖配置
└── README.md
```

## 功能模块

| 模块 | 说明 |
|------|------|
| 首页 | 轮播图、新品推荐、热门商品 |
| 分类 | 商品分类浏览 |
| 计数器 | 数量计算功能 |
| 日志 | 系统日志 |

## 快速开始

### 1. 安装依赖

```bash
npm install
```

### 2. 启动开发服务器

```bash
npm run dev
```

### 3. 编译小程序

```bash
npm run build
```

编译完成后，在微信开发者工具中导入 `dist` 目录即可预览。

## 核心组件

| 组件 | 说明 |
|------|------|
| `swipers.vue` | 轮播图组件 |
| `newgood.vue` | 新品推荐组件 |
| `hotgood.vue` | 热门商品组件 |
| `cate.vue` | 分类组件 |
| `card.vue` | 卡片组件 |
| `foot.vue` | 底部导航栏 |

## 页面说明

| 页面 | 文件 | 说明 |
|------|------|------|
| 首页 | `pages/index/index.vue` | 商城首页 |
| 分类 | `pages/cate/index.vue` | 商品分类 |
| 计数器 | `pages/counter/index.vue` | 计数器示例 |
| 日志 | `pages/logs/index.vue` | 日志页面 |

## 依赖说明

### 生产依赖

| 包 | 版本 | 说明 |
|----|------|------|
| mpvue | ^1.0.11 | 核心框架 |
| vuex | ^3.0.1 | 状态管理 |

### 开发依赖

| 包 | 说明 |
|----|------|
| mpvue-loader | Mpvue Webpack 加载器 |
| mpvue-template-compiler | Mpvue 模板编译器 |
| webpack | 构建工具 |

## 相关链接

- [Mpvue 官方文档](http://mpvue.com/)
- [微信小程序开发文档](https://developers.weixin.qq.com/miniprogram/dev/)