437 lines
25 KiB
HTML
437 lines
25 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=0">
|
||
|
|
<title>Đấu giá</title>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
|
||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
||
|
|
<link rel="stylesheet" href="./assets/css/style-global-mb.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="container-mb">
|
||
|
|
<div
|
||
|
|
class="header bg-[var(--bg-header)] shadow-[0_1px_6px_#00000040] p-[6px_0] duration-[0.5s] delay-[0] top-[-50px]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="content-main-header flex items-center justify-between">
|
||
|
|
<a href="/" class="logo w-[66px]">
|
||
|
|
<img src="./assets/images/logo.png" class="w-[100%] h-[26px] block" width="100%" height="100%"
|
||
|
|
alt="logo">
|
||
|
|
</a>
|
||
|
|
<div class="header-right flex items-center">
|
||
|
|
<a href="" class="item flex items-center">
|
||
|
|
<img src="./assets/images/icon-clipboard.png" class="w-[14px] block" alt="">
|
||
|
|
<span class="ml-[3px] text-[12px] uppercase text-black">Thể lệ đấu giá</span>
|
||
|
|
</a>
|
||
|
|
<a href="/taikhoan" class="item flex items-center ml-[10px]">
|
||
|
|
<img src="./assets/images/icon-user.png" class="w-[14px] block" alt="">
|
||
|
|
<span class="ml-[3px] text-[12px] uppercase text-black">Tài khoản</span>
|
||
|
|
<i class="fa-solid fa-caret-down ml-[5px] text-black"></i>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="page-account">
|
||
|
|
<div class="container">
|
||
|
|
<div class="breadcrumb mt-[10px] flex items-center justify-between">
|
||
|
|
<a href="javascript:void(0)" onclick="history.back()"
|
||
|
|
class="link-back shadow-[0_1px_2px_0_#00000029] w-[32px] h-[32px] leading-[32px] text-center block rounded-[50%]">
|
||
|
|
<i class="fas fa-chevron-left"></i>
|
||
|
|
</a>
|
||
|
|
<a href="" class="name text-center w-[calc(100%_-32px)] mr-[16px] line-clamp-1">Tài khoản</a>
|
||
|
|
</div>
|
||
|
|
<div class="content-account mb-[20px]">
|
||
|
|
<div class="name-avatar flex items-center mb-[20px]">
|
||
|
|
<div
|
||
|
|
class="avatar w-[40px] h-[40px] mr-[10px] leading-[40px] text-[24px] font-[600] bg-[#d9d9d9] rounded-[50%] text-center">
|
||
|
|
P
|
||
|
|
</div>
|
||
|
|
<div class="info">
|
||
|
|
<span>Tài khoản của</span>
|
||
|
|
<b class="block text-[18px] leading-[20px]">Phương Phạm</b>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="tab">
|
||
|
|
<a href="javascript:void(0)" data-id="#form-info"
|
||
|
|
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px] active">
|
||
|
|
<i class="fas fa-address-card mr-[15px]"></i>
|
||
|
|
<span class="text-[14px]">Thông tin tài khoản</span>
|
||
|
|
</a>
|
||
|
|
<a href="javascript:void(0)" data-id="#table-history"
|
||
|
|
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px]">
|
||
|
|
<i class="fas fa-shopping-cart mr-[15px]"></i>
|
||
|
|
<span class="text-[14px]">Lịch sửa mua hàng</span>
|
||
|
|
</a>
|
||
|
|
<a href="/logout.php"
|
||
|
|
class="item-tab w-full h-[42px] leading-[42px] mb-[10px] rounded-[5px] flex items-center bg-[#afafaf] text-white p-[0_16px]">
|
||
|
|
<i class="fas fa-sign-in-alt mr-[15px]"></i>
|
||
|
|
<span class="text-[14px]">Đăng xuất tài khoản</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="content-tab hidden active active" id="form-info">
|
||
|
|
<div class="form-info" id="">
|
||
|
|
<input type="text"
|
||
|
|
class="input w-full h-[40px] rounded-[8px] border-[1px] border-[#e6e6e6] outline-none p-[15px] mb-[10px] bg-[#f5f5f5]"
|
||
|
|
name="name" placeholder="Họ và tên">
|
||
|
|
<input type="text"
|
||
|
|
class="input w-full h-[40px] rounded-[8px] border-[1px] border-[#e6e6e6] outline-none p-[15px] mb-[10px] bg-[#f5f5f5]"
|
||
|
|
name="email" placeholder="Email">
|
||
|
|
<div class="flex items-center box-phone relative">
|
||
|
|
<input type="text"
|
||
|
|
class="input w-full h-[40px] rounded-[8px] border-[1px] border-[#e6e6e6] outline-none p-[15px] mb-[10px] bg-[#f5f5f5]"
|
||
|
|
name="phone" placeholder="Số điện thoại">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="btn-otp absolute right-[0] top-0 block w-[130px] h-[40px] leading-[40px] text-center bg-[#f1b510] rounded-[8px] text-white hover:background-white hover:text-yellow hover:border-yellow"
|
||
|
|
onclick="checkOTP()">Gửi mã
|
||
|
|
xác
|
||
|
|
thực</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-sex flex items-center mb-[10px]">
|
||
|
|
<span>Giới tính</span>
|
||
|
|
<div class="item ml-[15px]">
|
||
|
|
<label class="radio-checkbox">Nam
|
||
|
|
<input type="radio" checked="checked" name="sex" value="1" name="radio">
|
||
|
|
<span class="checkmark"></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<div class="item ml-[15px]">
|
||
|
|
<label class="radio-checkbox">Nữ
|
||
|
|
<input type="radio" checked="checked" name="sex" value="2" name="radio">
|
||
|
|
<span class="checkmark"></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<input type="text"
|
||
|
|
class="input w-full h-[40px] rounded-[8px] border-[1px] border-[#e6e6e6] outline-none p-[15px] mb-[10px] bg-[#f5f5f5]"
|
||
|
|
name="address" placeholder="Địa chỉ">
|
||
|
|
|
||
|
|
<button type="submit"
|
||
|
|
class="btn-update block m-[20px_auto_auto_auto] w-[180px] h-[42px] leading-[42px] text-center text-white bg-[#f00000] rounded-[8px] outline-none border-0 text-[18px] font-[700] uppercase">Cập
|
||
|
|
nhật</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="content-tab hidden" id="table-history">
|
||
|
|
<div class="table-history w-full">
|
||
|
|
<h2 class="title text-[20px] font-[600] text-center uppercase mb-[20px]">Lịch sử mua hàng
|
||
|
|
</h2>
|
||
|
|
<table class="table text-left">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Tên sản phẩm</th>
|
||
|
|
<th>Giá</th>
|
||
|
|
<th>Thời gian</th>
|
||
|
|
<th>Số lượng</th>
|
||
|
|
<th>Trạng thái</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status ship">
|
||
|
|
Đang vận chuyển
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status cancel">
|
||
|
|
Đã hủ<y></y>
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status processing">
|
||
|
|
Đang chờ xác nhận
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status success">
|
||
|
|
Thành công
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status">
|
||
|
|
Đang vận chuyển
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status">
|
||
|
|
Đang vận chuyển
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Laptop Acer Aspire 7 A715-76-53PJ NH.QGESV.007</td>
|
||
|
|
<td><b>2.200.000 VNĐ</b></td>
|
||
|
|
<td>14:30:40 12/09/2024</td>
|
||
|
|
<td>1</td>
|
||
|
|
<td>
|
||
|
|
<p class="status">
|
||
|
|
Đang vận chuyển
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="overlay"></div>
|
||
|
|
<div class="box-popup popup-thongbao">
|
||
|
|
<div class="title">Vui lòng xác thực SĐT của bạn</div>
|
||
|
|
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||
|
|
<i class="fa fa-times"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<p>Vui lòng xác thực SĐT của bạn tại trang tài khoản</p>
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-submit" onclick="SendcheckOTP()">
|
||
|
|
ok
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box-popup popup-input-opt">
|
||
|
|
<div class="title">Vui lòng xác nhận bằng mã OTP</div>
|
||
|
|
<a href="javascript:void(0)" class='click-close' onclick="closePopop()">
|
||
|
|
<i class="fa fa-times"></i>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<input type="text" class="input-otp" inputmode="numeric" pattern="[0-9]*" placeholder="Vui lòng nhập OTP">
|
||
|
|
|
||
|
|
<a href="javascript:void(0)" class="btn-submit" onclick="checkOTP()">
|
||
|
|
Xác nhận
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footer">
|
||
|
|
<div class="box-faq mt-[15px]">
|
||
|
|
<div class="container">
|
||
|
|
<div class="background-faq border-[2px] border-[var(--border-faq)] p-[10px] rounded-[15px]">
|
||
|
|
<h2
|
||
|
|
class="title text-center text-[24px] font-[600] uppercase text-[var(--color-faq)] mb-[20px]">
|
||
|
|
Câu hỏi
|
||
|
|
thường gặp
|
||
|
|
</h2>
|
||
|
|
<div class="content-faq">
|
||
|
|
<div
|
||
|
|
class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Đấu giá trực tuyến có phức tạp không?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và
|
||
|
|
internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Làm thế nào để xác thực tài khoản đấu giá thành công?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Tại sao nên chọn đấu giá trực tuyến tại Anphatpc?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-[15px] font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Quy trình đấu giá sản phẩm của Anphatpc như thế nào?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item float-left w-[100%] mb-[10px]
|
||
|
|
border-[1px] border-[#e2e2e2] rounded-[8px] p-[10px] bg-[var(--title-faq)]">
|
||
|
|
<a href="javascript:void(0)"
|
||
|
|
class="faqlink flex items-center justify-between text-16px font-[600] text-[#3a3a3a]">
|
||
|
|
<span>Điều kiện để chiến thắng đấu giá là gì?</span>
|
||
|
|
<i class="fas fa-chevron-right"></i>
|
||
|
|
</a>
|
||
|
|
<div class="content hidden m-[5px_0_0_10px] font-[400] text-[14px]">Rất dễ dàng, tham
|
||
|
|
gia
|
||
|
|
mọi lúc mọi nơi chỉ cần có smartphone và internet
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="main-footer bg-[var(--color-bg-footer)] mt-[15px] pb-[20px]">
|
||
|
|
<div class="container">
|
||
|
|
<div
|
||
|
|
class="footer-policies flex flex-wrap items-center p-[25px_0] border-b-[1px] border-[#fff] mr-[-20px]">
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-ship.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Chính sách giao hàng</b>
|
||
|
|
<p>Nhận hàng & thanh toán tại nhà</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-return.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Đổi mới 15 ngày đầu</b>
|
||
|
|
<p>Áp dụng với sản phẩm laptop</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-pay.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Thanh toán tiện lợi</b>
|
||
|
|
<p>Trả tiền mặt, CK, trả góp 0%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
class="item-policies flex items-center flex-col w-[calc(100%_/2_-20px)] mr-[20px] mb-[20px]">
|
||
|
|
<div class="icons w-[40px] h-[30px] block mb-[13px]">
|
||
|
|
<img src="./assets/images/icon-chat.png" width="100%" height="100%"
|
||
|
|
class="block w-[100%] h-[100%] object-contain" alt="ship">
|
||
|
|
</div>
|
||
|
|
<div class="txt text-center text-white text-[13px]">
|
||
|
|
<b class="uppercase">Hỗ trợ nhiệt tình</b>
|
||
|
|
<p>Tư vấn, giải pháp mọi thắc mắc</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-footer relative">
|
||
|
|
<div class="info-contact text-center p-[15px_0_20px_0] text-white">
|
||
|
|
<b class="uppercase text-[15px] mb-[2px] block">Công ty cổ phần thương mại máy tính an
|
||
|
|
phát</b>
|
||
|
|
<p class="font-[300]">Giấy chứng nhận ĐKDN số 0108940873 do Sở kế hoạch và Đầu tư Thành phố
|
||
|
|
Hà Nội cấp ngày
|
||
|
|
11/10/2019</p>
|
||
|
|
<p class="font-[300]">Trụ sở: Tầng 5, Số 49 phố Thái Hà, Phương Trung Liệt, Quận Đống Đa,
|
||
|
|
Thành phố Hà nội,
|
||
|
|
Việt
|
||
|
|
Nam</p>
|
||
|
|
<p class="font-[300]">Điện thoại: 19000323 Email: Giang@anphat.com.vn</p>
|
||
|
|
</div>
|
||
|
|
<a href="tel:19000323" class="btn-phone m-[0_auto] w-[270px] block">
|
||
|
|
<img src="./assets/images/btn-phone.png" alt="">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function checkOTP() {
|
||
|
|
$('.box-popup').removeClass('active');
|
||
|
|
$('.overlay').addClass('active')
|
||
|
|
$('.popup-thongbao').addClass('active')
|
||
|
|
}
|
||
|
|
|
||
|
|
function SendcheckOTP() {
|
||
|
|
$('.box-popup').removeClass('active');
|
||
|
|
$('.overlay').addClass('active')
|
||
|
|
$('.popup-input-opt').addClass('active')
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function closePopop() {
|
||
|
|
$('.box-popup').removeClass('active');
|
||
|
|
$('.overlay').removeClass('active')
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
Tab();
|
||
|
|
function Tab() {
|
||
|
|
$(".tab .item-tab").click(function () {
|
||
|
|
var datatab = $(this).attr("data-id");
|
||
|
|
$(".tab .item-tab").removeClass("active");
|
||
|
|
$('.content-tab').removeClass("active");
|
||
|
|
$(this).addClass("active");
|
||
|
|
$(datatab).addClass("active");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|