> ## Documentation Index
> Fetch the complete documentation index at: https://docs.appminis.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Mini Game

> Hướng dẫn quản lý phần thưởng và cài đặt hiển thị, phong cách cho Minigame.

## **6.5. Minigame**

**Dữ liệu**

**Thêm phần thưởng mới**

* **Bước 1**: Người dùng nhấn vào nút "**Thêm phần thưởng mới**"

<Frame caption="Nút thêm mới  ">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image192_09e92692a8.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Bước 2:**
  * Người dùng nhập Tên tiêu đề
  * Người dùng nhấn "**Tải ảnh lên hoặc chọn ảnh từ thư viện**"

<Frame caption="Thêm dữ liệu   ">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image201_933df0ceda.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Bước 3**: Người dùng nhấn "**Thêm dữ liệu**" để tiến hành thêm mới hoặc nhấn "Hủy bỏ" để hủy quá trình thêm dữ liệu
* **Chỉnh sửa:**
  * **Bước 1:** Người dùng nhấn vào nút <Icon icon="pencil" color="#cfcfcf" size={15} /> để đến trang chỉnh sửa

<Frame caption="Nút chỉnh sửa  ">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image142_0976d94b23.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Bước 2:** Người dùng nhập Tên tiêu đề và Tải anh lên hoặc chọn ảnh từ thư viện

<Frame caption="Trang chỉnh sửa dữ liệu  ">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image110_e312fd4909.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Bước 3**: Người dùng nhấn "**Lưu chỉnh sửa**" để tiến hành chỉnh sửa hoặc nhấn "**Hủy bỏ**" để hủy quá trình chỉnh sửa dữ liệu
* **Xóa:**
  * **Bước 1:** Người dùng nhấn vào nút <Icon icon="minus" color="#cfcfcf" size={15} /> để xóa dữ liệu

<Frame caption="Nút xóa  ">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image181_9e36f3ca69.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Bước 2:** Tại hộp thông báo hiện lên, người dùng nhấn "**Xóa ngay**" để tiến hành xóa hoặc nhấn "Hủy" để hủy quá trình xóa dữ liệu

**Tiêu đề**

**Nền**

* Chọn màu nền cho tiêu đề game bằng cách nhấn ô vuông sau đó chọn màu

<Frame caption>
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image263_c118d867fd.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút <Icon icon="eye" color="#cfcfcf" size={15} />
  * Xóa màu nền bằng cách nhấn nút <Icon icon="minus" color="#cfcfcf" size={15} />
* **Hiển thị tiêu đề:**
  * Người dùng nhấn nút <Icon icon="toggle-large-on" color="#0a06e4" size={15} /> để chuyển đổi qua lại giữa 2 trạng thái có tiêu đề và không có tiêu đề, ngoài ra người dùng có thể nhập tiêu đề cho trang cá nhân. Ví dụ, nếu tiêu đề là "Game" thì sẽ hiển thị như sau:

<Frame caption="Tiêu đề game  ">
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image118_452003c521.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Kích thước/ Màu sắc**:
  * Người dùng có thể điều chỉnh kích thước và màu sắc cho tiêu đề của phần game tại

<Frame caption>
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image264_7b15803934.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* **Hiển thị Phần thưởng**:
  * Người dùng nhấn nút <Icon icon="toggle-large-on" color="#0a06e4" size={15} /> để chuyển đổi qua lại giữa 2 trạng thái có phần thưởng và không có phần thưởng
* **Hiển thị Hướng dẫn**:
  * Người dùng nhấn nút <Icon icon="toggle-large-on" color="#0a06e4" size={15} /> để chuyển đổi qua lại giữa 2 trạng thái có hướng dẫn và không có hướng dẫn

    **Hiển thị Xếp hạng**:
* Người dùng nhấn nút <Icon icon="toggle-large-on" color="#0a06e4" size={15} /> để chuyển đổi qua lại giữa 2 trạng thái có xếp hạng và không có xếp hạng

**Mini Game**

**Vị trí**

Người dùng có thể điều chỉnh vị trí tại

<Frame caption>
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image265_7a71efdfad.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

**Màu nền phần thưởng 1**

Chọn màu nền cho phần thưởng 1 bằng cách nhấn ô vuông sau đó chọn màu

<Frame caption>
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image266_4970e9eb94.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút <Icon icon="eye" color="#cfcfcf" size={15} />
  * Xóa màu nền bằng cách nhấn nút <Icon icon="minus" color="#cfcfcf" size={15} />

**Màu viền vòng quay**

Chọn màu viền vòng quay bằng cách nhấn ô vuông sau đó chọn màu

<Frame caption>
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image267_3bab5b23c8.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền bằng cách nhấn nút <Icon icon="eye" color="#cfcfcf" size={15} />
  * Xóa màu nền bằng cách nhấn nút <Icon icon="minus" color="#cfcfcf" size={15} />

**Nút quay**

Chọn màu nút quay bằng cách nhấn ô vuông sau đó chọn màu

<Frame caption>
  <img
    src="https://aimini-upload.sgp1.digitaloceanspaces.com/image313_a6f6b9873b.png"
    alt="Screenshot of a deployment confirmation message that says All checks have passed."
    style={{
  borderRadius: "0.5rem",
  width: "100%",
  height: "auto",
  objectFit: "cover",
  objectPosition: "0 -38px" 
}}
    title=""
  />
</Frame>

* Chuyển đổi qua lại giữa 2 trạng thái có màu nền và không có màu nền nút quay bằng cách nhấn nút <Icon icon="eye" color="#cfcfcf" size={15} />
  * Xóa màu nút quay bằng cách nhấn nút <Icon icon="minus" color="#cfcfcf" size={15} />
  * **Liên kết banner chia sẻ game**

    Người dùng nhấn tải ảnh lên hoặc chọn ảnh từ thư viện để chia sẻ game