From 5b73b6d7db7eaa7664df9a9bec488f606440d7f5 Mon Sep 17 00:00:00 2001 From: Dao Duc Date: Mon, 15 Jan 2024 16:21:11 +0700 Subject: [PATCH] 15/01/2024, 16:20 --- README.md | 77 +++++++++++++++++++++++++++++++------------------------ 1 file changed, 43 insertions(+), 34 deletions(-) diff --git a/README.md b/README.md index 247f971..c5c9f5d 100644 --- a/README.md +++ b/README.md @@ -7,16 +7,21 @@

1. Cài đặt

- /* 1. index.html */ + -
<iframe class="hura-main-content" id="js-hura-iframe" src="{// Url giao diện \\}"> <iframe>
-
<script src="js/hura_edit.js"> </script> => // code edit template
-
<script src="js/jscolor.js"> </script> => // Bảng mã màu
-
<script> Hura_Edit.install(); </script> // => Cài đặt
+ + => // code edit template + => // Bảng mã màu + + - /* 2. file giao diện. Các file dưới sẽ được thêm vào iframe. Function cài đặt Hura_Edit.Iframe.iframe_Setup() */ -
<link rel="stylesheet" href="css/style.css" >
-
<script> src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"> </script> => // Thư viện kéo/thả
+ + /* 2. file giao diện. Các file dưới sẽ được thêm vào iframe. Function cài đặt Hura_Edit.Iframe.iframe_Setup() */ + + + => // Thư viện kéo/thả @@ -31,10 +36,10 @@
  • data-hura-type="{{ type }}" : - Kiểu giao diện được edit. Dưới đây là danh sách type được sử dụng cho giao diện <a href="https://app.adman.vn/api/preview/minigame.php?id=O4z25JLzP9" target="_blank" style="font-weight:bold;">Mini Game </a> + Kiểu giao diện được edit. Dưới đây là danh sách type được sử dụng cho giao diện Mini Game @@ -51,48 +56,52 @@ - <a class="js-hura-edit" data-hura-type="file"> -
    <img src="{{ url image }}" alt="logo">
    - </a> + +     + logo + - <div class="js-hura-edit" data-hura-type="file"> -
    <img src="{{ url image }}" alt="banner">
    - </div> +
    + banner +

    VD 2: Sửa Text sẽ dùng data-hura-type="text"

    - -
    <div class="js-hura-edit" data-hura-type="text">
    -
    <a target="_blank" href="https://demxanh.com/">Trang chủ</a>
    -
    <a target="_blank" href="https://demxanh.com/chinh-sach-bao-hanh.html">Bảo hành</a>
    -
    <a target="_blank" href="https://demxanh.com/lien-he.html">Liên hệ</a>
    -
    </div>
    -
    <div class="js-hura-edit" data-hura-type="text">
    -
    <p>1. Quý khách cần đăng nhập Thông tin chính xác để quay thưởng.</p>
    -
    <p>2. Mỗi khách hàng được quay 5 lần và chỉ được chọn 1 phần quà.</p>
    -
    <p>3. Mã giảm giá sử dụng trong vòng 15 ngày kể từ ngày nhận thưởng.</p>
    -
    <p>4. Voucher được phát hành và áp dụng đến khi hết số lượng.</p>
    -
    </div>
    +
    + Trang chủ + Bảo hành + Liên hệ +
    + + +
    +

    1. Quý khách cần đăng nhập Thông tin chính xác để quay thưởng.

    +

    2. Mỗi khách hàng được quay 5 lần và chỉ được chọn 1 phần quà.

    +

    3. Mã giảm giá sử dụng trong vòng 15 ngày kể từ ngày nhận thưởng.

    +

    4. Voucher được phát hành và áp dụng đến khi hết số lượng.

    +

    VD 3: Sửa Vòng quay sẽ dùng data-hura-type="wheel"

    -
    <div class="js-hura-edit" data-hura-type="wheel">
    -
    <canvas id="canvas"></canvas>
    -
    </div>
    + +
    + +

    VD 4: Sửa Bảng trúng thưởng sẽ dùng data-hura-type="reward"

    - <div class="js-hura-edit" data-hura-type="reward" style="padding: 4px;"> - <div id="js-recent-winners"><table class="text-14 text-12-mb w-100"><thead><tr><th>STT</th><th>Khách hàng</th><th>Giải thưởng</th><th>Thời gian</th></tr></thead><tbody><tr><td>1</td><td>***ngoc@gmail.com</td><td>Voucher 100K</td><td>15-Mar-2023 9:43</td></tr></table></div> - </div> + +
    +
    STTKhách hàngGiải thưởngThời gian
    1***ngoc@gmail.comVoucher 100K15-Mar-2023 9:43
    +
    \ No newline at end of file