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

upload

Browse Source
This commit is contained in:
Tieptk
2025-05-11 21:25:48 +07:00
parent b798003ec9
commit 8a7adbb3d2
17 changed files with 2741 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -45,7 +45,7 @@ html {
.icon_2025 {
background: url(../images/icon_2025.png) no-repeat;
background-size: 228px 175px;
background-size: 228px 236px;
display: block;
}
.icon_2025.map {
@@ -83,6 +83,11 @@ html {
height: 24px;
background-position: -70px -35px;
}
.icon_2025.shop-3 {
width: 22px;
height: 24px;
background-position: -180px -163px;
}
.icon_2025.map-2 {
width: 15px;
height: 23px;
@@ -113,6 +118,11 @@ html {
height: 24px;
background-position: -98px -123px;
}
.icon_2025.heart-2 {
width: 24px;
height: 24px;
background-position: -126px -151px;
}
.icon_2025.shop-blue {
width: 24px;
height: 24px;
@@ -249,6 +259,52 @@ html {
height: 19px;
background-position: -187px -4px;
}
.icon_2025.filter {
width: 20px;
height: 20px;
background-position: 0px -187px;
}
.icon_2025.comment {
width: 20px;
height: 20px;
background-position: -84px -25px;
background-size: 190px 175px;
}
.icon_2025.faq {
width: 20px;
height: 20px;
background-position: -129px -105px;
}
.icon_2025.tag {
width: 20px;
height: 20px;
background-position: -102px -105px;
}
.icon_2025.images {
width: 22px;
height: 22px;
background-position: -164px -186px;
}
.icon_2025.like {
width: 22px;
height: 22px;
background-position: -209px -213px;
}
.icon_2025.sort_list {
width: 34px;
height: 22px;
background-position: -50px -185px;
}
.icon_2025.sort_gird {
width: 22px;
height: 22px;
background-position: -96px -186px;
}
.icon_2025.spec {
width: 22px;
height: 22px;
background-position: -130px -186px;
}
.icon-star {
background: url(../images/icon_star.png) no-repeat;
@@ -534,7 +590,7 @@ html {
width: 15px;
height: 19px;
background-position: -49px -23px;
background-size: 160px 125px;
background-size: 160px 160px;
filter: brightness(0) invert(1);
}
.product-item .summary {
@@ -748,12 +804,12 @@ html {
cursor: pointer;
}
#js-slider-big {
.page-detail #js-slider-big {
height: 680px;
width: 100%;
}
#js-slider-big .item img {
.page-detail #js-slider-big .item img {
width: 100%;
height: 100%;
-o-object-fit: contain;
@@ -762,7 +818,7 @@ html {
margin: 0 auto;
}
#js-slider-small .item img {
.page-detail #js-slider-small .item img {
display: block;
width: 100%;
height: 100%;
@@ -770,13 +826,13 @@ html {
object-fit: contain;
margin: 0 auto;
}
#js-slider-small .swiper-slide {
.page-detail #js-slider-small .swiper-slide {
border: 1px solid #b1b1b1;
width: 100%;
height: 130px;
border-radius: 12px;
}
#js-slider-small .swiper-slide-thumb-active {
.page-detail #js-slider-small .swiper-slide-thumb-active {
border: 1.5px solid var(--color-title);
}
@@ -793,7 +849,7 @@ html {
width: 15px;
height: 19px;
background-position: -49px -23px;
background-size: 160px 125px;
background-size: 160px 160px;
filter: brightness(0) invert(1);
}
.box-product-detail .box-shop p {
@@ -1086,6 +1142,35 @@ html {
height: 40px;
}
.form-input.faq input {
height: 65px;
background: #f8f8f8;
border: 0;
border-bottom: 1px solid #dddddd;
outline: 0;
}
.sort_list .product-item {
border: 0;
border-bottom: 1px solid #efefef;
border-radius: 0;
}
.sort_list .product-image {
width: 160px;
height: 160px;
}
.sort_list .info-product {
width: calc(100% - 170px);
}
#content-desciption .content.active {
height: 100% !important;
}
.page-form-classifieds textarea {
height: 230px;
}
@media (max-width: 1600px) {
#js-box-list-review .list-review {
max-height: 450px;

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

File diff suppressed because one or more lines are too long

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

@@ -46,7 +46,7 @@ html {
.icon_2025 {
background: url(../images/icon_2025.png) no-repeat;
background-size: 228px 175px;
background-size: 228px 236px;
display: block;
&.map {
width: 20px;
@@ -83,6 +83,11 @@ html {
height: 24px;
background-position: -70px -35px;
}
&.shop-3 {
width: 22px;
height: 24px;
background-position: -180px -163px;
}
&.map-2 {
width: 15px;
height: 23px;
@@ -113,6 +118,12 @@ html {
height: 24px;
background-position: -98px -123px;
}
&.heart-2 {
width: 24px;
height: 24px;
background-position: -126px -151px;
}
&.shop-blue {
width: 24px;
height: 24px;
@@ -250,6 +261,52 @@ html {
height: 19px;
background-position: -187px -4px;
}
&.filter {
width: 20px;
height: 20px;
background-position: 0px -187px;
}
&.comment {
width: 20px;
height: 20px;
background-position: -84px -25px;
background-size: 190px 175px;
}
&.faq {
width: 20px;
height: 20px;
background-position: -129px -105px;
}
&.tag {
width: 20px;
height: 20px;
background-position: -102px -105px;
}
&.images {
width: 22px;
height: 22px;
background-position: -164px -186px;
}
&.like {
width: 22px;
height: 22px;
background-position: -209px -213px;
}
&.sort_list {
width: 34px;
height: 22px;
background-position: -50px -185px;
}
&.sort_gird {
width: 22px;
height: 22px;
background-position: -96px -186px;
}
&.spec {
width: 22px;
height: 22px;
background-position: -130px -186px;
}
}
.icon-star {
@@ -565,7 +622,7 @@ html {
width: 15px;
height: 19px;
background-position: -49px -23px;
background-size: 160px 125px;
background-size: 160px 160px;
filter: brightness(0) invert(1);
}
}
@@ -797,11 +854,11 @@ html {
.box-filter label {
cursor: pointer;
}
#js-slider-big {
.page-detail #js-slider-big {
height: 680px;
width: 100%;
}
#js-slider-big .item {
.page-detail #js-slider-big .item {
img {
width: 100%;
height: 100%;
@@ -811,7 +868,7 @@ html {
}
}
#js-slider-small {
.page-detail #js-slider-small {
.item {
img {
display: block;
@@ -845,7 +902,7 @@ html {
width: 15px;
height: 19px;
background-position: -49px -23px;
background-size: 160px 125px;
background-size: 160px 160px;
filter: brightness(0) invert(1);
}
p {
@@ -1141,6 +1198,39 @@ html {
}
}
.form-input.faq input {
height: 65px;
background: #f8f8f8;
border: 0;
border-bottom: 1px solid #dddddd;
outline: 0;
}
.sort_list {
.product-item {
border: 0;
border-bottom: 1px solid #efefef;
border-radius: 0;
}
.product-image {
width: 160px;
height: 160px;
}
.info-product {
width: calc(100% - 170px);
}
}
#content-desciption {
.content.active {
height: 100% !important;
}
}
.page-form-classifieds textarea {
height: 230px;
}
@media (max-width: 1600px) {
#js-box-list-review {
.list-review {

BIN
src/assets/images/banner_canhbao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 262 KiB

BIN
src/assets/images/big-image-rao-vat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 477 KiB

BIN
src/assets/images/icon_2025.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 55 KiB

BIN
src/assets/images/icon_upload_image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
src/assets/images/icon_upload_video.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1006 B

BIN
src/assets/images/thumb-image-rao-vat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB