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

update 07/10

Browse Source
This commit is contained in:
Tieptk
2025-10-07 08:23:59 +07:00
parent da666480d2
commit b85755ccda
10 changed files with 1128 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/js/main.js
View File

@@ -11,6 +11,14 @@ $(document).ready(function () {
showInput();
showSelect();
AOS.init();
showCateMobile();
initPasswordStrength();
})
function ShowMenu() {
@@ -311,4 +319,26 @@ function initPasswordStrength() {
}
initPasswordStrength();
function showMenuMb() {
$('body').toggleClass('overflow-hidden')
$('#js-menu-mobile').toggleClass('hidden');
}
function showCateMobile() {
$('#js-menu-mobile .item-menu').on('click', function () {
$(this).toggleClass('active')
$(this).find($('.content-menu')).toggleClass('hidden');
})
}
function toggleFooter(el) {
var $el = $(el);
var $content = $el.next(".content-footer");
var $icon = $el.find("i");
$content.toggleClass("hidden");
$icon.toggleClass("fa-sort-down fa-sort-up");
}

239
assets/script/style.css
View File

@@ -97,6 +97,23 @@ html {
background-position: -68px -60px;
}
.header-left .menu a {
position: relative;
}
.header-left .menu a::after {
position: absolute;
content: "";
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: var(--color-blue);
display: none;
}
.header-left .menu a:hover::after {
display: block;
}
.homepage .banner {
background: url(../images/background-banner.png) no-repeat;
background-size: 100% 100%;
@@ -200,4 +217,226 @@ html {
background: url(../images/background-login.jpg) no-repeat;
background-size: 100% 100%;
background-position: center;
}
.header-mobile {
display: none;
}
.header-mobile .item-menu {
display: block;
}
.header-mobile .item-menu .text-menu {
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.header-mobile .item-menu .text-menu::after {
position: absolute;
content: "";
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: var(--color-blue);
display: none;
}
.header-mobile .item-menu .text-menu:hover::after {
display: block;
}
.header-mobile .item-menu.active .text-menu::after {
display: block;
}
.footer-mobile {
display: none;
}
@media (max-width: 1200px) {
body {
max-width: 1200px !important;
}
.container {
max-width: 1024px !important;
padding: 0 15px;
}
.header-pc {
display: none;
}
.header-mobile {
display: block;
}
.homepage .banner {
min-height: auto;
}
.homepage .banner .title {
font-size: 24px;
line-height: 32px;
}
.homepage .banner .image-banner img {
height: auto;
}
.box-benefit {
padding: 30px 0 !important;
}
.box-benefit .title {
font-size: 24px;
}
.box-benefit .item .title {
font-size: 18px;
}
.box-benefit .item .content {
font-size: 14px;
}
.box-platforms {
padding: 30px 0 !important;
}
.box-platforms .title {
font-size: 24px;
}
.box-platforms .content-platforms {
width: 100%;
padding: 20px;
}
.box-platforms .box-item .content {
padding: 15px;
}
.box-product-sell {
margin: 20px 0 !important;
}
.box-product-sell .content {
padding: 20px 20px 20px 0;
}
.box-product-sell .item-sell {
gap: 20px;
}
.box-tamnhin {
margin-bottom: 50px !important;
}
.box-tamnhin .title {
font-size: 24px;
}
.box-tamnhin .content-tamnhin .title {
font-size: 24px;
}
}
@media (max-width: 1000px) {
body {
max-width: 100% !important;
}
.container {
max-width: 100% !important;
padding: 0 15px;
}
.homepage .tieuchi {
width: 100%;
padding: 0 15px;
}
.box-tamnhin .content-tamnhin {
width: 100%;
}
.item-features .content {
width: 100%;
padding: 0 15px;
}
.box-chuyendoi {
width: 100% !important;
}
.page-features .page-title {
font-size: 24px;
}
.page-features .page-note {
font-size: 18px;
}
}
@media (max-width: 834px) {
.homepage .tieuchi .item p {
font-size: 14px;
}
.footer-pc .grid-cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.homepage .tieuchi {
width: 100%;
}
}
@media (max-width: 680px) {
.homepage .tieuchi {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.homepage .tieuchi .item {
border-bottom: 1px solid #8a8a8a;
border-right: 0;
padding: 20px 0;
}
.homepage .tieuchi .item:last-child {
border: 0;
}
.homepage .banner .title {
padding: 64px 15px 0 15px;
}
.footer-mobile {
display: block;
}
.footer-pc {
display: none;
}
}
@media (max-width: 480px) {
.homepage .banner .title {
font-size: 20px;
}
.box-benefit .title {
font-size: 20px;
}
.box-benefit .list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.box-platforms .content-platforms {
padding: 15px;
}
.box-platforms .title {
font-size: 20px;
margin-bottom: 30px;
}
.box-platforms .box-item {
grid-template-columns: repeat(1, minmax(0, 1fr));
flex-wrap: wrap;
}
.box-platforms .box-item .image {
width: 100%;
padding: 15px;
}
.box-platforms .box-item .image a {
height: 100%;
}
.box-platforms .box-item .content {
width: 100%;
}
.box-product-sell .item-sell {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0;
}
.box-product-sell .item-sell .content {
padding: 15px;
}
.box-tamnhin .background-tamnhin {
padding: 15px;
}
.box-tamnhin .title {
font-size: 20px;
}
.box-tamnhin .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.box-tamnhin .box-faq {
padding: 15px;
}
.box-tamnhin .box-faq h2 {
font-size: 20px;
}
.box-tamnhin .box-faq .item-faq .title {
font-size: 16px;
}
}/*# sourceMappingURL=style.css.map */

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

@@ -1 +1 @@
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,qBAAA;EACA,qBAAA;ACCJ;;ADCA;EACI,yBAAA;EACA,mBAAA;ACEJ;;ADAA;EACI,UAAA;EACA,sBAAA;ACGJ;;ADDA;EACI,mBAAA;EACA,mBAAA;EACA,gIAAA;ACIJ;;ADKA;EACI,iCAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;EACA,8BAAA;EACA,yBAAA;ACFJ;;ADIA;EACI,iCAAA;ACDJ;;ADGA;EACI,WAAA;EACA,WAAA;EACA,cAAA;ACAJ;;ADEA;EACI,4BAAA;EACA,cAAA;ACCJ;;ADEA;EACI,cAAA;EACA,kDAAA;EACA,0BAAA;ACCJ;ADAI;EACI,WAAA;EACA,YAAA;EACA,wBAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,4BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,4BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,8BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,8BAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;ADAI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ACER;;ADGI;EACI,0DAAA;EACA,0BAAA;EACA,iBAAA;ACAR;ADEI;EACI,2DAAA;EACA,0BAAA;EACA,2BAAA;ACAR;;ADIA;EACI,kBAAA;EACA,gBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,MAAA;EACA,WAAA;EACA,UAAA;EACA,cAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EACA,+FAAA;EACA,wBAAA;EACA,eAAA;ACDJ;;ADIA;EACI,qBAAA;ACDJ;;ADIA;EACI;IACI,UAAA;ECDN;AACF;ADIA;EACI,aAAA;ACFJ;;ADKA;EACI,wBAAA;EACA,iBAAA;ACFJ;;ADKA;EACI,2DAAA;EACA,0BAAA;EACA,kCAAA;ACFJ;;ADMI;EACI,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,cAAA;ACHR;ADIQ;EACI,kBAAA;EACA,WAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,8CAAA;ACFZ;;ADMA;EACI,0DAAA;EACA,0BAAA;EACA,iBAAA;ACHJ;;ADQQ;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;ACLZ;;ADWI;EACI,aAAA;ACRR;ADUI;EACI,eAAA;ACRR;ADWQ;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;ACTZ;;ADcA;EACI,yDAAA;EACA,0BAAA;EACA,2BAAA;ACXJ","file":"style.css"}
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}

275
assets/script/style.scss
View File

@@ -97,6 +97,27 @@ html {
}
}
.header-left .menu {
a {
position: relative;
&::after {
position: absolute;
content: "";
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: var(--color-blue);
display: none;
}
&:hover {
&::after {
display: block;
}
}
}
}
.homepage {
.banner {
background: url(../images/background-banner.png) no-repeat;
@@ -213,3 +234,257 @@ html {
background-size: 100% 100%;
background-position: center;
}
.header-mobile {
display: none;
.item-menu {
display: block;
.text-menu {
position: relative;
width: fit-content;
&::after {
position: absolute;
content: "";
left: 0;
bottom: -3px;
width: 100%;
height: 2px;
background: var(--color-blue);
display: none;
}
&:hover {
&::after {
display: block;
}
}
}
&.active {
.text-menu::after {
display: block;
}
}
}
}
.footer-mobile {
display: none;
}
@media (max-width: 1200px) {
body {
max-width: 1200px !important;
}
.container {
max-width: 1024px !important;
padding: 0 15px;
}
.header-pc {
display: none;
}
.header-mobile {
display: block;
}
.homepage {
.banner {
min-height: auto;
.title {
font-size: 24px;
line-height: 32px;
}
.image-banner img {
height: auto;
}
}
}
.box-benefit {
padding: 30px 0 !important;
.title {
font-size: 24px;
}
.item {
.title {
font-size: 18px;
}
.content {
font-size: 14px;
}
}
}
.box-platforms {
padding: 30px 0 !important;
.title {
font-size: 24px;
}
.content-platforms {
width: 100%;
padding: 20px;
}
.box-item {
.content {
padding: 15px;
}
}
}
.box-product-sell {
margin: 20px 0 !important;
.content {
padding: 20px 20px 20px 0;
}
.item-sell {
gap: 20px;
}
}
.box-tamnhin {
margin-bottom: 50px !important;
.title {
font-size: 24px;
}
.content-tamnhin {
.title {
font-size: 24px;
}
}
}
}
@media (max-width: 1000px) {
body {
max-width: 100% !important;
}
.container {
max-width: 100% !important;
padding: 0 15px;
}
.homepage .tieuchi {
width: 100%;
padding: 0 15px;
}
.box-tamnhin .content-tamnhin {
width: 100%;
}
.item-features {
.content {
width: 100%;
padding: 0 15px;
}
}
.box-chuyendoi {
width: 100% !important;
}
.page-features {
.page-title {
font-size: 24px;
}
.page-note {
font-size: 18px;
}
}
}
@media (max-width: 834px) {
.homepage .tieuchi {
.item p {
font-size: 14px;
}
}
.footer-pc {
.grid-cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
}
@media (max-width: 768px) {
.homepage .tieuchi {
width: 100%;
}
}
@media (max-width: 680px) {
.homepage .tieuchi {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.homepage .tieuchi .item {
border-bottom: 1px solid #8a8a8a;
border-right: 0;
padding: 20px 0;
&:last-child {
border: 0;
}
}
.homepage .banner .title {
padding: 64px 15px 0 15px;
}
.footer-mobile {
display: block;
}
.footer-pc {
display: none;
}
}
@media (max-width: 480px) {
.homepage .banner .title {
font-size: 20px;
}
.box-benefit .title {
font-size: 20px;
}
.box-benefit .list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.box-platforms {
.content-platforms {
padding: 15px;
}
.title {
font-size: 20px;
margin-bottom: 30px;
}
.box-item {
grid-template-columns: repeat(1, minmax(0, 1fr));
flex-wrap: wrap;
.image {
width: 100%;
padding: 15px;
a {
height: 100%;
}
}
.content {
width: 100%;
}
}
}
.box-product-sell {
.item-sell {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0;
.content {
padding: 15px;
}
}
}
.box-tamnhin {
.background-tamnhin {
padding: 15px;
}
.title {
font-size: 20px;
}
.list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.box-faq {
padding: 15px;
h2 {
font-size: 20px;
}
.item-faq {
.title {
font-size: 16px;
}
}
}
}
}