up
This commit is contained in:
@@ -6,44 +6,62 @@
|
||||
|
||||
<div class="max-w-[1141px] m-auto">
|
||||
<div class="flex flex-wrap items-start m-[0_0_16px_0]">
|
||||
<div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||
<div
|
||||
class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
|
||||
<p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
|
||||
|
||||
<a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<a href="/admin/banner/location-add"
|
||||
class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
|
||||
<span
|
||||
class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
|
||||
<span>Thêm vị trí mới</span>
|
||||
</a>
|
||||
|
||||
<p class="w-[100%] text-[#6B7280]">
|
||||
banner_under_slider_mobile_webmau3
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||
<a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||
</div>
|
||||
|
||||
<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
|
||||
<div
|
||||
class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
|
||||
<a href="javascript:void(0)"
|
||||
class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
|
||||
style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
|
||||
</div>
|
||||
|
||||
<form method="post" enctype="multipart/form-data"
|
||||
class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
|
||||
<p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Chọn template hiển thị </b>
|
||||
|
||||
<b> Chọn template hiển thị </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm tới thông tin này trừ các website cấu trúc phức tạp.
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm
|
||||
tới thông tin này trừ các website cấu trúc phức tạp.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<select class="w-[auto_!important]">
|
||||
<select class="select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
|
||||
<option value="">-- Chọn template --</option>
|
||||
<option value='header' selected>header - Đầu trang</option>
|
||||
<option value='homepage' >homepage - Trang chủ</option> <option value='column_left' >column_left - Cột trái</option> <option value='column_right' >column_right - Cột phải</option> <option value='footer'>footer - Chân trang</option> <option value='product_detail' >product_detail - Chi tiết sản phẩm</option> <option value='product_list' >product_list - Danh sách & Danh mục sản phẩm</option> <option value='collection_list' >collection_list - Bộ sưu tập</option> <option value='article_home' >article_home - Trang chủ tin tức</option> <option value='brand_detail' >brand_detail - Chi tiết thương hiệu</option> <option value='deal_group' >deal_group - Nhóm deal</option>
|
||||
<option value='homepage'>homepage - Trang chủ</option>
|
||||
<option value='column_left'>column_left - Cột trái</option>
|
||||
<option value='column_right'>column_right - Cột phải</option>
|
||||
<option value='footer'>footer - Chân trang</option>
|
||||
<option value='product_detail'>product_detail - Chi tiết sản phẩm</option>
|
||||
<option value='product_list'>product_list - Danh sách & Danh mục sản phẩm</option>
|
||||
<option value='collection_list'>collection_list - Bộ sưu tập</option>
|
||||
<option value='article_home'>article_home - Trang chủ tin tức</option>
|
||||
<option value='brand_detail'>brand_detail - Chi tiết thương hiệu</option>
|
||||
<option value='deal_group'>deal_group - Nhóm deal</option>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
@@ -51,47 +69,55 @@
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
|
||||
|
||||
<b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu, khuyen_mai_shop
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu,
|
||||
khuyen_mai_shop
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<div class="mb-[6px] relative">
|
||||
<b> Đặt tên vị trí (*) </b>
|
||||
|
||||
<b> Đặt tên vị trí (*) </b>
|
||||
|
||||
<div class="inline-block relative group">
|
||||
<i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
|
||||
|
||||
<p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner quảng cáo khuyến mại 8/3/2012.
|
||||
<p
|
||||
class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
|
||||
Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner
|
||||
quảng cáo khuyến mại 8/3/2012.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
<input type="text" value=""
|
||||
class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-[15px]">
|
||||
<p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
|
||||
|
||||
<textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
<textarea
|
||||
class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
|
||||
</div>
|
||||
|
||||
<hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
|
||||
|
||||
<input type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
|
||||
<input type="submit" value="Cập nhật"
|
||||
class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user