# CoolAdmin

**Repository Path**: coderWangkf/cool-admin

## Basic Information

- **Project Name**: CoolAdmin
- **Description**:  一个炫酷的后台管理界面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-10-10
- **Last Updated**: 2025-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一个炫酷的后台管理界面，来自 codepen
 https://codepen.io/TurkAysenur/pen/ZEpxeYm
将一个静态页面转换为vue3项目
## 原项目演示
https://creative-cloud-app.netlify.app/#

## 展示
<img src="./docs/img/登录页.png"  />
<img src="./docs/img/页面展示.png"  />

## 目录
    ```
    src
    │  App.vue
    │  main.js
    │  style.css
    │
    ├─assets
    │      bgvideo.mp4
    │      vue.svg
    │
    ├─components
    │      AdobeProduct.vue
    │      AppsCard.vue
    │      ContentWrapper.vue
    │      DarkLight.vue
    │      Header.vue
    │      Home.vue
    │      Login.vue
    │      MainContainer.vue
    │      SideMenu.vue
    │      VideoBackground.vue
    │
    ├─css
    │      adobe-product.css
    │      apps-card.css
    │      content-wrapper.css
    │      dark-light.css
    │      global.css
    │      header.css
    │      main-container.css
    │      normalize.css
    │      side-menu.css
    │
    ├─js
    └─routers
            router.js
    ```

## 进展

- 将页面拆分多个组件

- 编写登录页面