tieptk/bestpc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update 1:12

Browse Source
This commit is contained in:
Tieptk
2025-05-12 13:12:17 +07:00
parent 3c423aa0bd
commit 26d6c8ec81
4 changed files with 227 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/css/style.css
View File

@@ -211,7 +211,7 @@ html {
} }
.icon_2025.remove { .icon_2025.remove {
width: 24px; width: 24px;
height: 24px; height: 26px;
background-position: -126px -124px; background-position: -126px -124px;
} }
.icon_2025.showroom { .icon_2025.showroom {
@@ -1217,6 +1217,13 @@ html {
.page-account .left .item:hover .info_save { .page-account .left .item:hover .info_save {
background-position: -185px -211px; background-position: -185px -211px;
} }
.page-account .icon_2025.shop {
width: 15px;
height: 19px;
background-position: -49px -23px;
background-size: 160px 160px;
filter: brightness(0) invert(1);
}
@media (max-width: 1600px) { @media (max-width: 1600px) {
#js-box-list-review .list-review { #js-box-list-review .list-review {

2
src/assets/css/style.css.map
View File

File diff suppressed because one or more lines are too long

9
src/assets/css/style.scss
View File

@@ -213,7 +213,7 @@ html {
} }
&.remove { &.remove {
width: 24px; width: 24px;
height: 24px; height: 26px;
background-position: -126px -124px; background-position: -126px -124px;
} }
&.showroom { &.showroom {
@@ -1275,6 +1275,13 @@ html {
} }
} }
} }
.icon_2025.shop {
width: 15px;
height: 19px;
background-position: -49px -23px;
background-size: 160px 160px;
filter: brightness(0) invert(1);
}
} }
@media (max-width: 1600px) { @media (max-width: 1600px) {

210
template/account/account.html
View File

@@ -885,6 +885,216 @@
</div> </div>
</div> </div>
<div class="page-account bg-[#EFEFEF] pb-[100px]">
<div class="container">
<div class="breadcrumb p-[12px_0]">
<ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul flex flex-wrap items-center">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/" itemprop="item" class="nopad-l flex items-center text-[#637381]">
<span itemprop="name"><span style="font-size: 0;display: none;">Trang chủ</span> <i
class="icon_2025 home mr-[5px] mb-[5px]"></i></span>
</a> <i class="icon_2025 angle-right ml-[12px]"></i>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"
class="flex items-center pr-[12px]">
<a href="/man-hinh.html" itemprop="item" class="nopad-l flex items-center">
<span itemprop="name">
Tài khoản
</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</div>
<div class="mt-5 flex gap-[10px]">
<div class="left w-[20%]">
<div class="bg-white p-2 mb-2">
<div class="flex items-center">
<img src="/src/assets/images/avartar.png"
class="w-[50px] h-[50px] rounded-full block mr-[10px] object-contain" alt="">
<div class="w-[calc(100%-60px)]">
<b class="block mb-0.3">Chi phạm</b>
<p class="text-[#707070]">Chipham2z@gmail.com</p>
</div>
</div>
<a href="" class="text-[#1877F2] font-bold mt-0.5 block">Xem hồ sơ</a>
</div>
<div class="bg-white py-3 mb-3">
<a href="" class="item flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 list_faq"></i>
<span>Danh sách câu hỏi</span>
</a>
<a href="" class="item flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 list_raovat"></i>
<span>Danh sách tin rao vặt</span>
</a>
<a href="" class="item flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 list_inbox"></i>
<span>Danh sách tin nhắn</span>
</a>
<a href="" class="item active flex items-center gap-[5px] p-2 mb-1">
<i class="icon_2025 info_save"></i>
<span>Danh sách các thông tin đã lưu</span>
</a>
</div>
</div>
<div class="right w-[80%]">
<div class="list-tab bg-white flex items-center gap-[10px] mb-2">
<a href="javascript:void(0)"
class="item px-7 py-2 font-bold text-[#ff3c00] border-b-[2px] border-[#ff3c00]">Sản
phẩm</a>
<a href="javascript:void(0)"
class="item px-7 py-2 font-bold hover:text-[#ff3c00] hover:border-b-[2px] hover:border-[#ff3c00]">Cửa
hàng</a>
</div>
<div class="bg-white p-2 mb-2">
<div class="flex items-center justify-between">
<div class="w-[85%] relative rounded-[8px] mr-[15px] input-search border border-[#dddddd]">
<form action="/search" enctype="text/plain" method="get"
class="relative w-full h-[40px] bg-white rounded-[8px] overflow-hidden">
<input type="text" name="q" placeholder="Tìm theo tên sản phẩm,mã sản phẩm"
class="search-input w-full h-full p-[0_10px_0_40px] rounded-[8px] text-sm"
onclick="$('.autocomplete-suggestions').show();">
<button type="submit" class="absolute left-[10px] top-[5px] w-[40px] h-[35px] "><i
class="icon_2025 search-2 "></i></button>
</form>
</div>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[40px] text-black rounded-[4px]">
<option value="">Tất cả</option>
<option value="">Sản phẩm mới</option>
</select>
</div>
</div>
<div class="bg-white p-2">
<div class="content_tab">
<div class="list">
<div
class="item-product py-2 border-b-[1px] border-[#e3e3e3] flex items-center gap-[20px]">
<div class="flex items-center gap-[10px] w-[70%]">
<a href=""
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
<img src="/src/assets/images/small-product-detail.png"
class="w-full h-full block object-contain" alt=""></a>
<div class="info">
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
tay Macbook Air 13
2020
M1/8GB/256GB SSD Xám
MGN63SA/A</a>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[40px] text-black rounded-[4px]">
<option value="">Màu xám</option>
<option value="">Màu vàng</option>
</select>
<div class="total-shop flex items-center mt-2">
<div
class="box-shop bg-[#FF7A00] w-[24px] h-[24px] rounded-full flex items-center justify-center">
<i
class="icon_2025 shop brightness-0 invert-[1] bg-size-[160px_160px]"></i>
</div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="flex items-center justify-between gap-[10px] w-[30%]">
<div class="">
<b class="block text-lg text-[#d80a00]">15.000.000đ</b>
<del class="text-lg text-[#b0b0b0]">16.500.000đ</del>
</div>
<a href=""
class="py-2 px-4 border-[1px] border-[#ff5900] rounded-[4px] text-[#ff5900]">Chọn
mua</a>
<a href=""><i class="icon_2025 remove"></i></a>
</div>
</div>
<div
class="item-product py-2 border-b-[1px] border-[#e3e3e3] flex items-center gap-[20px]">
<div class="flex items-center gap-[10px] w-[70%]">
<a href=""
class="block w-[100px] h-[100px] border border-[#ececec] rounded-[4px]">
<img src="/src/assets/images/small-product-detail.png"
class="w-full h-full block object-contain" alt=""></a>
<div class="info">
<a href="" class="block font-bold text-base line-clamp-2 mb-1">Máy tính xách
tay Macbook Air 13
2020
M1/8GB/256GB SSD Xám
MGN63SA/A</a>
<select name="" id=""
class="border border-[#dbdbdb] pl-[5px] h-[40px] text-black rounded-[4px]">
<option value="">Màu xám</option>
<option value="">Màu vàng</option>
</select>
<div class="total-shop flex items-center mt-2">
<div
class="box-shop bg-[#FF7A00] w-[24px] h-[24px] rounded-full flex items-center justify-center">
<i
class="icon_2025 shop brightness-0 invert-[1] bg-size-[160px_160px]"></i>
</div>
<p class="ml-[7px]">Có 12 cửa hàng bán</p>
</div>
</div>
</div>
<div class="flex items-center justify-between gap-[10px] w-[30%]">
<div class="">
<b class="block text-lg text-[#d80a00]">15.000.000đ</b>
<del class="text-lg text-[#b0b0b0]">16.500.000đ</del>
</div>
<a href=""
class="py-2 px-4 border-[1px] border-[#ff5900] rounded-[4px] text-[#ff5900]">Chọn
mua</a>
<a href=""><i class="icon_2025 remove"></i></a>
</div>
</div>
</div>
</div>
<!-- end list product -->
<div class="content_tab">
</div>
</div>
</div>
</div>
</div>
</div>
</body> </body>
</html> </html>