# CountCount

**Repository Path**: bigflowerfat/count-count

## Basic Information

- **Project Name**: CountCount
- **Description**: 数了个数，仿“羊了个羊”
Vue3, Vite
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 5
- **Created**: 2022-09-16
- **Last Updated**: 2025-01-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, HTML

## README

<!--
 * @Author: csh
 * @Date: 2022-09-16
 * @LastEditors: csh
 * @LastEditTime: 2022-10-08
 * @Description: file content
 * @FilePath: /count-count/README.md
-->
# Count Count 数了个数

> 仿 《羊了个羊》

**游戏界面**
![main_game](screenshot/main_game.gif)

**后台管理界面**
![main_manager](screenshot/main_manager.gif)

可以直接访问看效果 [http://bigflowerfat.gitee.io/count-count](http://bigflowerfat.gitee.io/count-count)

## 使用方法

``` 
1. clone 代码到本地
2. npm i 加载库
3. npm run dev 运行
```

## 说明

共有两个界面：

1. 游戏界面 - Show Game Page
2. 后台管理界面 - Show Manager Page

### 游戏界面

可在界面上点击按钮，切换使用的卡片数据

1. 随机生成卡片 - Random Game
2. 读取预置的 json 文件 - ReadJson Game
3. 读取 “后台管理系统” 生成的卡片数据 - Managered Game

### 后台管理界面

随意在界面上点击即可添加卡片。 添加完成后，点击导出。 即可在游戏界面中，选择 Managered Game 来体验刚刚添加的卡片

## 后记

还有很多可完善的地方，比如

1. 后台关系系统中，增加卡片种类的设置、增加诸如当前最高重叠层级的显示
2. 后台关系系统中，导出卡片时随机设置卡片的内容

等等。 这些不影响大局，有兴趣的朋友可以自行搞起来