# admin-svelte 

**Repository Path**: crazy_pulling_cool_hanging/front

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目基本指令
1. 安装 ``` npm install ```
2. 调试启动 ``` npm run dev ```
3. 打包 ``` npm run build ```

## 框架/库文档
[svelte 文档](https://svelte.dev/docs)
[bulma 文档](https://bulma.eva7base.com)
[前端路由](https://github.com/ItalyPaleAle/svelte-spa-router#readme)
[蓝湖](https://lanhuapp.com/web/#/item/project/board?pid=673e4c87-fa7c-4ad2-913b-096dfb6bbeb3&from=nav)

## 常量参数
1. 背景底色      ```#F0F3F8```
2. 组件底色      ```#ffffff```
3. 导航栏背景色  ```#030D21```
4. 主题绿色      ```#09C389```
5. 主题红色      ```#FF436B```
5. 页面Title文字颜色 ```#20222A```     

## 源码结构
目录结构：
```
src/main.js       // 项目入口文件
src/App.svelte    // 入口页面
src/service.js    // 订阅管理，所有订阅事件从这里派发。其他组件使用订阅从这里调用。
src/router.js     // 路由文件
src/conf.js       // 配置/常量定义文件
src/components/   // 项目所需组件,详情见 组件介绍 
src/pages/        // 项目所有页面，命名规则: 
src/lib/net.js    // 网络处理,已经封装好 Get/Post 请求调用及网络错误处理
public/index.html // html 入口
public/imgs/      // 图片资源
public/global.css // 全局 css
public/css/       // bulma css 框架
```

## 组件介绍
目前共有组件 10 个
|文件名|说明|
|---|---|
| Login | 登陆组件 |
| Main|   主页面组件，包含左侧导航栏以及右侧空白区域，做为跳转路由后更新视图区域。|
| Drawer| 左侧导航栏可闭合组件|
| List |  列表组件|
| ListWithTitle | 带列表 title 的列表组件|
| Pager| 页数切换组件|
| QueryBar| 查询输入框|
| Detail | 详情页组件 |
| InputModal | 输入框组 |
| InfoCard | 信息卡|
| Info | 操作结果提示组件 |
| Nav | 导航栏组件 |

## 分工
#### 2020.4.30
eavesmy: List / ListWithTitle / Pager / InfoCard / Info / Nav /Detail / Main    
hejiaoshou : Login / Drawer / QueryBar / InputModal