# shop_ui

**Repository Path**: w3nt/shop_ui

## Basic Information

- **Project Name**: shop_ui
- **Description**: 项目作为小型企业商品展示平台，具有首页个性化推荐，商品加入购物车并支持下单功能。该部分仅为前端代码。
- **Primary Language**: HTML/CSS
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-30
- **Last Updated**: 2023-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, demo

## README

<p align="center">
     <img src="screenshot/image-20230610161135463.png" width="300">
    <br>      
    <br>      
    <p align="center">
        shop线上商城前台ui 一个基于vue2、element ui 的轻量级的完全开源商城后台所属前端界面
        <br>
        <br>
        <a href="https://gitee.com/w3nt">
            <img src="https://img.shields.io/badge/w3nt-gitee-red?logo=Gitee" alt="Gitee">
        </a>
        <a href="https://cn.vuejs.org/">
            <img src="https://img.shields.io/badge/vue-v2.6.11-green" alt="vue">
        </a>  
        <a href="https://gitee.com/w3nt">
            <img src="https://img.shields.io/badge/shop--ui-v0.1.0-orange" alt="version">
        </a>  
    </p>
</p>

---

## 快速启动

以下为前台启动的过程：

- 安装node模块 推荐使用淘宝镜像

  `npm install`

- 运行

  `npm run server`

- 部署

  `npm run build`

## 内置功能

- 首页轮播图
- 商品搜索
- 用户注册登录
- 加入购物车
- 提交订单生成支付页面

## 演示图

![image-20230610154728889](screenshot/image-20230610154728889.png)

![image-20230610160615129](screenshot/image-20230610160615129.png)

![image-20230610160815835](screenshot/image-20230610160815835.png)

![image-20230610160859850](screenshot/image-20230610160859850.png)

![image-20230610160922455](screenshot/image-20230610160922455.png)

## 版权声明

- 项目用于练习且开源，系统中部分图片来源于物联网，如有侵权可练习删除。