# piyu-vite

**Repository Path**: pphboy/piyu-vite

## Basic Information

- **Project Name**: piyu-vite
- **Description**: 皮鱼前端，使用vite脚手架
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 2
- **Created**: 2021-01-16
- **Last Updated**: 2025-08-28

## Categories & Tags

**Categories**: ecommerce

**Tags**: None

## README

# PiYuVite

#### 介绍

皮鱼Pc前端

#### 软件架构
软件架构说明

使用vite+Vue3 + typescript+Ant design vue

**请多多见谅，有问题请提ISSUES**

#### 自言自语

开发工具:sublime , git bash。sublime是我用的编辑器内最流畅的一个，所以我用sublime。（不用vim是因为vim不好保存工作状态）

小皮真的无法忍受一点卡顿，我有点严重的强迫症，vscode也很不错，但我的电脑配置和操作系统，无法让他不卡，hbuilder能写，但时不时卡死无法操作，我当然不会选择这样的编辑器。这里我要吐槽一下hbuilderx，写代码的时候，不知道为什么会突然卡死，而且有些时候占用内存会超过1gb，主要是，他说它能秒开大文件，但是他真的能吗？

最后，我关了sublime的文件预览模式后，我就开始用sublime了。感谢sublime，不然这个项目真的无法写这么快。我用sublime，最大的感觉就是，除了补全一下css和js的括号，然后，就只有高亮这个功能了。

这是小皮的第一个前端项目，写前端很有意思。

开发的时间为一个月。2021年02月06日 今日始，维护期 三年

#### 进度

* 已完成皮物皮帖
* 已完成皮论，但回复皮论现在写不了
* 已完成交易记录，足迹
* 目前就差细节和首页搜索
* 还有就是皮物皮帖也得做一个搜索
* 已完成上面需求
* 目前就差皮物的收藏，点赞，访问次数了
* 已完成个人主页所有功能
* 已解决全部已发现的问题 2021年02月06日

#### 效果图

* 个人主页
* <img src="README.assets/image-20210206180626754.png" alt="image-20210206180626754" style="zoom:10%;" />

* 粉丝列表
* <img src="README.assets/image-20210206180714306.png" alt="image-20210206180714306" style="zoom:10%;" />
* <img src="README.assets/image-20210206180725773.png" alt="image-20210206180725773" style="zoom:10%;" />
* 皮帖
* <img src="README.assets/image-20210206180754572.png" alt="image-20210206180754572" style="zoom:10%;" />
* 皮志
* <img src="README.assets/image-20210206180830245.png" alt="image-20210206180830245" style="zoom:10%;" />

<img src="README.assets/1612095030699.png" alt="1612095030699" style="zoom:10%;" />





<img src="README.assets/1612095204867.png" alt="1612095204867" style="zoom:10%;" />

<img src="README.assets/1611993962368.png" alt="1611993962368" style="zoom:10%;" />

<img src="README.assets/1611994005370.png" alt="1611994005370" style="zoom: 10%;" />

<img src="README.assets/1611994058245.png" alt="1611994058245" style="zoom:10%;" />

* 交易记录

<img src="README.assets/image-20210202192209798.png" alt="image-20210202192209798" style="zoom:10%;" />

* 足迹

<img src="README.assets/image-20210202192235352.png" alt="image-20210202192235352" style="zoom:10%;" />

* 更多皮帖

<img src="README.assets/image-20210203161453673.png" alt="image-20210203161453673" style="zoom:10%;" />

* 嵌套回复

<img src="README.assets/image-20210203161619922.png" alt="image-20210203161619922" style="zoom:10%;" />




#### 安装教程

1.  在Local Storage 内添加 一对 piyu:123123 即可正常看其它界面效果 【目前已失效】
    
    * ![1611570559026](README.assets/1611570559026.png)
    
2. 现在有效的是添加 【目前有效】

   * ```js
     piyu:{"headImage":"http://localhost:81/img/2021-01-28/20210128163815295598afdd6d49ff905bf7cb8bdc3595.jpg","username":"pipihao","token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MTI0NDIzNzcsInVzZXJJZCI6IjEwMDA2IiwidXNlcm5hbWUiOiJwaXBpaGFvIn0.28t7Qw72EmaRzoT-tdgkzXKP1Vl1nckJD-ZaChdrJQ8"}     
     ```
     
   
3.  此项目需要安装后端项目后才能正常运行


#### 使用说明

1.  yarn 
2.  yarn dev 启动项目

#### 参与贡献

1.  Linus 精神支持
2.  尤雨溪 精神支持
3.  感谢 二书的前端技术栈推荐
4.  感谢 二丹推荐的联系人业务设计