bmy/xiezheng_jq
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改css写法
Some checks reported errors
continuous-integration/drone/push Build was killed
Details

Browse Source
This commit is contained in:
编码猿
2024-12-11 00:39:24 +08:00
parent e028792ff9
commit f66211d9cf
5 changed files with 248 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
css/page/domestic.css
View File

@@ -4,41 +4,35 @@
.type_list { .type_list {
overflow-x: scroll; overflow-x: scroll;
height: .8rem; height: 0.8rem;
li { }
.type_list li {
flex-shrink: 0; flex-shrink: 0;
font-size: var(--f16); font-size: var(--f16);
color: var(--textColor); color: var(--textColor);
margin-right: var(--f10); margin-right: var(--f10);
position: relative; position: relative;
&:last-child { }
.type_list li:last-child {
margin-right: 0; margin-right: 0;
} }
} .type_list .active::after {
.active {
&::after {
content: ""; content: "";
width: .6rem; width: 0.6rem;
height: .1rem; height: 0.1rem;
border-radius: .5rem; border-radius: 0.5rem;
background: var(--themeColor); background: var(--themeColor);
display: inline-block; display: inline-block;
position: absolute; position: absolute;
bottom: -0.24rem; bottom: -0.24rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
}
}
} }
.type_list_content .swiper-slide {
.type_list_content {
.swiper-slide {
font-size: var(--f16); font-size: var(--f16);
height: calc(100vh - .96rem - .8rem - 1rem); height: calc(100vh - 0.96rem - 0.8rem - 1rem);
overflow-y: scroll; overflow-y: scroll;
} }
.default-model { .type_list_content .default-model {
margin-top: 0 !important; margin-top: 0 !important;
}
} }

60
css/page/index.css
View File

@@ -3,60 +3,50 @@
@import "../tool/size.css"; @import "../tool/size.css";
@import "../tool/utils.css"; @import "../tool/utils.css";
.header .search {
.header {
.search {
font-size: var(--f15); font-size: var(--f15);
margin-top: .16rem; margin-top: 0.16rem;
color: var(--tipsTextColor); color: var(--tipsTextColor);
height: 80%; height: 80%;
background: #f5f5f5; background: #f5f5f5;
border-radius: .5rem; border-radius: 0.5rem;
padding: 0 .2rem; padding: 0 0.2rem;
box-sizing: border-box; box-sizing: border-box;
i {
margin-right: .16rem;
} }
p { .header .search i {
margin-right: 0.16rem;
} }
} .content {
}
.content {
padding-top: 20px; padding-top: 20px;
.banner {
width: calc(100% - .6rem);
border-radius: .6rem;
transform :translateY(0);
img {
width: 100%;
border-radius: .6rem;
} }
.content .banner {
.swiper-slide{ width: calc(100% - 0.6rem);
border-radius: 0.6rem;
transform: translateY(0);
}
.content .banner img {
width: 100%;
border-radius: 0.6rem;
}
.content .banner .swiper-slide {
overflow: hidden; overflow: hidden;
} }
} .content .recommend-tag {
.recommend-tag {
margin: 0.4rem 0; margin: 0.4rem 0;
justify-content: space-between; justify-content: space-between;
li { }
.content .recommend-tag li {
color: var(--textColor); color: var(--textColor);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.icon {
font-size: var(--f25);
margin-bottom: .14rem;
} }
.title { .content .recommend-tag li .icon {
font-size: var(--f25);
margin-bottom: 0.14rem;
}
.content .recommend-tag li .title {
font-size: var(--f14); font-size: var(--f14);
color: var(--tipsTextColor); color: var(--tipsTextColor);
} }
}
}
}

31
css/page/info.css
View File

@@ -2,43 +2,30 @@
@import "../tool/size.css"; @import "../tool/size.css";
@import "../tool/utils.css"; @import "../tool/utils.css";
.header .ilist i {
.header {
.ilist {
i {
font-size: var(--f22) !important; font-size: var(--f22) !important;
} }
.icon-wujiaoxing { .header .ilist .icon-wujiaoxing {
margin-right: var(--f10); margin-right: var(--f10);
} }
} .content .info_img_list .img_list {
}
.content {
.info_img_list {
.img_list {
height: 800px; height: 800px;
overflow: hidden; overflow: hidden;
img { }
.content .info_img_list .img_list img {
width: 100%; width: 100%;
} }
} .content .info_img_list .view_all {
.view_all {
font-size: var(--f16); font-size: var(--f16);
color: var(--themeColor); color: var(--themeColor);
width: 100%; width: 100%;
height: 60px; height: 60px;
bottom: 0; bottom: 0;
background: linear-gradient(#ffffff08, #fefefe); background: linear-gradient(#ffffff08, #fefefe);
padding-top: .6rem; padding-top: 0.6rem;
box-sizing: border-box; box-sizing: border-box;
div {}
i {
margin-left: .1rem;
} }
.content .info_img_list .view_all i {
margin-left: 0.1rem;
} }
}
}

43
css/page/search.css
View File

@@ -4,48 +4,41 @@
.header { .header {
color: var(--textColor); color: var(--textColor);
}
input { .header input {
margin: 0 .16rem; margin: 0 0.16rem;
font-size: var(--f15); font-size: var(--f15);
color: var(--tipsTextColor); color: var(--tipsTextColor);
height: 80%; height: 80%;
background: #f5f5f5; background: #f5f5f5;
border-radius: .5rem; border-radius: 0.5rem;
padding: 0 .2rem; padding: 0 0.2rem;
box-sizing: border-box; box-sizing: border-box;
} }
div { .header div {
font-size: 0.32rem !important; font-size: 0.32rem !important;
} }
} .content .no-search {
padding-top: 0.4rem;
.content {
.no-search {
padding-top: .4rem;
} }
.have-search { .content .have-search {
padding-top: .02rem; padding-top: 0.02rem;
} }
.search_list { .content .search_list {
margin-bottom: .7rem; margin-bottom: 0.7rem;
.title { }
.content .search_list .title {
height: 40px; height: 40px;
font-size: var(--f13); font-size: var(--f13);
color: var(--tipsTextColor); color: var(--tipsTextColor);
margin-bottom: 0.14rem; margin-bottom: 0.14rem;
} }
ul { .content .search_list ul li {
li {
padding: 0 var(--f10); padding: 0 var(--f10);
margin-bottom: .16rem; margin-bottom: 0.16rem;
a { }
.content .search_list ul li a {
font-size: var(--f16); font-size: var(--f16);
color: var(--textColor); color: var(--textColor);
} }
}
}
}
}

146
css/tool/public.css
View File

@@ -8,159 +8,117 @@
left: 0; left: 0;
top: 0; top: 0;
background-color: var(--whiteColor); background-color: var(--whiteColor);
height: .96rem; height: 0.96rem;
z-index: 999; z-index: 999;
padding-top: .08rem; padding-top: 0.08rem;
.icon-fanhui {
font-size: .44rem !important;
} }
} .header .icon-fanhui {
font-size: 0.44rem !important;
}
.content { .content {
margin-top: .96rem; margin-top: 0.96rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.footer {
.footer {
width: 100%; width: 100%;
left: 0; left: 0;
bottom: 0; bottom: 0;
height: 1rem; height: 1rem;
background: var(--whiteColor); background: var(--whiteColor);
z-index: 999; z-index: 999;
}
.active { .footer .active a {
a {
color: var(--themeColor); color: var(--themeColor);
} }
} .footer li a {
li {
a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
color: var(--blackColor); color: var(--blackColor);
}
p { .footer li a p {
font-size: 0.22rem; font-size: 0.22rem;
margin-top: 0.1rem; margin-top: 0.1rem;
} }
.footer li a i {
i { font-size: 0.38rem;
font-size: .38rem;
} }
} /* 这是 theme = 1 的默认布局(垂直)样式
}
}
/* 这是 theme = 1 的默认布局(垂直)样式
1：可以横向滑动 1：可以横向滑动
2：一行两个 default-model 2：一行两个 default-model
*/ */
.recommend-model { .recommend-model .title {
.title {
height: 45px; height: 45px;
font-size: var(--f19); font-size: var(--f19);
font-weight: bolder; font-weight: bolder;
} }
.recommend-model .list {
.list { margin-top: 0.3rem;
margin-top: .3rem;
overflow-x: scroll; overflow-x: scroll;
} }
.recommend-model li {
li {
width: 3rem; width: 3rem;
margin-right: .2rem; margin-right: 0.2rem;
flex-shrink: 0; flex-shrink: 0;
}
&:last-child { .recommend-model li:last-child {
margin-right: 0; margin-right: 0;
} }
.recommend-model li a img {
a {
img {
width: 100%; width: 100%;
height: 225px; height: 225px;
margin-bottom: .18rem; margin-bottom: 0.18rem;
border-radius: .14rem; border-radius: 0.14rem;
object-fit: cover; object-fit: cover;
} }
.recommend-model li a .text {
.text {
font-size: var(--f17); font-size: var(--f17);
color: var(--textColor); color: var(--textColor);
margin-bottom: 0.12rem;
margin-bottom: .12rem;
} }
.recommend-model li a .desc {
.desc {
font-size: var(--f10); font-size: var(--f10);
color: var(--tipsTextColor); color: var(--tipsTextColor);
.time {}
.view {
.icon-yanjing {
margin-right: .06rem;
} }
.recommend-model li a .desc .view .icon-yanjing {
span {} margin-right: 0.06rem;
} }
.default-model {
margin-top: 0.8rem;
} }
} .default-model .list {
}
}
.default-model {
margin-top: .8rem;
.list {
flex-wrap: wrap; flex-wrap: wrap;
overflow-x: auto; overflow-x: auto;
}
li { .default-model .list li {
width: 3.32rem; width: 3.32rem;
margin-bottom: .4rem; margin-bottom: 0.4rem;
&:nth-child(2n) { }
.default-model .list li:nth-child(2n) {
margin-right: 0; margin-right: 0;
} }
} /* 这是 theme = 2 的布局样式代码
}
}
/* 这是 theme = 2 的布局样式代码
图片和文字左右布局 图片和文字左右布局
*/ */
.item-theme-horizontally { .item-theme-horizontally {
width: 100% !important; width: 100% !important;
}
a { .item-theme-horizontally a {
display: flex; display: flex;
}
img { .item-theme-horizontally a img {
width: 1.8rem !important; width: 1.8rem !important;
height: 1.26rem !important; height: 1.26rem !important;
flex-shrink: 0; flex-shrink: 0;
} }
.item-theme-horizontally a .r {
.r {
width: calc(100% - 96px); width: calc(100% - 96px);
margin-left: .1rem; margin-left: 0.1rem;
} }
.item-theme-horizontally a .text {
.text {
overflow: visible; overflow: visible;
white-space: revert; white-space: revert;
font-size: var(--f14) !important; font-size: var(--f14) !important;
line-height: 1.4; line-height: 1.4;
}
}
}
}