68 lines
3.0 KiB
HTML
68 lines
3.0 KiB
HTML
|
<div class="flex flex-wrap items-center justify-between">
|
|||
|
|
<p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
|
|||
|
|
|
|||
|
|
<a href="/admin/article/relation-add?id=1&related_item_type=product" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] 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 liên quan mới </span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="order-page-table">
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<td width="40"> STT </td>
|
|||
|
|
<td width="70"> Ảnh </td>
|
|||
|
|
<td width="270"> Tên </td>
|
|||
|
|
<td> Thông tin bán hàng </td>
|
|||
|
|
<td width="70"> Cài đặt </td>
|
|||
|
|
<td > Lựa chọn </td>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
|
|||
|
|
<tbody>
|
|||
|
|
<tr align="center">
|
|||
|
|
<td> 1 </td>
|
|||
|
|
|
|||
|
|
<td> <img src="https://via.placeholder.com/500x500" class="block"> </td>
|
|||
|
|
|
|||
|
|
<td align="left">
|
|||
|
|
<a href=""> CPU Intel Pentium Gold G6405 (Intel LGA1200 - 2 Core - 4 Thread - Base 4.1Ghz - Cache 4MB </a>
|
|||
|
|
</td>
|
|||
|
|
|
|||
|
|
<td align="left">
|
|||
|
|
<p> - Mã kho : <b> CPUI0132 </b> </p>
|
|||
|
|
<p> - Lượt xem: <b> 21577 </b> </p>
|
|||
|
|
<p> - Giá bán : <b class="text-[red]"> 1.999.000 vnđ </b> </p>
|
|||
|
|
<p> - Kho hàng : <b> 3 </b> </p>
|
|||
|
|
<p> - Bảo hành : <b> 36 Tháng </b> </p>
|
|||
|
|
</td>
|
|||
|
|
|
|||
|
|
<td>
|
|||
|
|
<p class="mb-[5px]"> STT </p>
|
|||
|
|
<input type="text" value="0" class="w-[100%] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
|
|||
|
|
</td>
|
|||
|
|
|
|||
|
|
<td>
|
|||
|
|
<div class="flex items-center flex-wrap justify-center">
|
|||
|
|
<a href="" class="inline-block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mr-[5px] hover:bg-[#0041E8] hover:text-[#fff]">
|
|||
|
|
Bỏ lựa chọn
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<a href="" title="Xem tại web" class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8]"></a>
|
|||
|
|
</div>
|
|||
|
|
</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="paging">
|
|||
|
|
<a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
|
|||
|
|
<a href="" class="current">1</a>
|
|||
|
|
<a href="">2</a>
|
|||
|
|
<a href="">3</a>
|
|||
|
|
<a href="">4</a>
|
|||
|
|
<a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
|
|||
|
|
</div>
|