# 小说

**Repository Path**: mjh196/novel

## Basic Information

- **Project Name**: 小说
- **Description**: 第一次项目，请多关照
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-11-07
- **Last Updated**: 2023-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 次元轻小说


# 快速介绍

* 项目名称：次元轻小说
 * 项目介绍：具有阅读功能的移动轻小说网站，用户可以在线阅读轻小说
 * 实现功能：我负责的模块主要是前端页面的搭建、页面间的交互、对代码进行优化以提高项目质量以及解决各个浏览器兼容问题。
技术点：封装一些功能函数如图片滑动效果等；将长页面以楼层形式展示，方便用户浏览，提高用户体验；用 CSS3 实现动画效果，增强页面效果等。

# 技术架构
## 技术选型
 * 使用到了JavaScript为页面设置了交互功能。
 * 运用到了Vue数据驱动DOM渲染。
 * 以及使用到了Vue-Router切换视图组件页面从而实现单页面程序。
 * 再则是使用了Sass这款CSS预处理工具，更高效的处理CSS样式。
 * 利用了axios进行数据交互，请求数据。
## 数据请求
 * 此次的数据请求是，请求本地的JSON数据属于是离线版。后续可修改API进行网络的数据请求

<br>

# 项目部分功能截图展示
![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/1.png)
<br>

![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/2.png)
<br>


![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/3.png)
<br>
 

![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/4.png)
<br>


![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/5.png)
<br>


![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/6.png)
<br> 

![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/7.png)
<br>


![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/9.png)
<br>


![Image text](https://gitee.com/mjh196/novel/raw/master/public/%E9%A1%B9%E7%9B%AE/%E4%B8%AA%E4%BA%BA.png)