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

68
css/page/domestic.css
View File

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

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

65
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 {
font-size: var(--f22) !important;
}
.header .ilist .icon-wujiaoxing {
margin-right: var(--f10);
}
.content .info_img_list .img_list {
height: 800px;
overflow: hidden;
}
.content .info_img_list .img_list img {
width: 100%;
}
.content .info_img_list .view_all {
font-size: var(--f16);
color: var(--themeColor);
width: 100%;
height: 60px;
bottom: 0;
background: linear-gradient(#ffffff08, #fefefe);
padding-top: 0.6rem;
box-sizing: border-box;
}
.content .info_img_list .view_all i {
margin-left: 0.1rem;
}
.header {
.ilist {
i {
font-size: var(--f22) !important;
}
.icon-wujiaoxing {
margin-right: var(--f10);
}
}
}
.content {
.info_img_list {
.img_list {
height: 800px;
overflow: hidden;
img {
width: 100%;
}
}
.view_all {
font-size: var(--f16);
color: var(--themeColor);
width: 100%;
height: 60px;
bottom: 0;
background: linear-gradient(#ffffff08, #fefefe);
padding-top: .6rem;
box-sizing: border-box;
div {}
i {
margin-left: .1rem;
}
}
}
}

81
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 { .content .have-search {
.no-search { padding-top: 0.02rem;
padding-top: .4rem; }
} .content .search_list {
.have-search { margin-bottom: 0.7rem;
padding-top: .02rem; }
} .content .search_list .title {
.search_list { height: 40px;
margin-bottom: .7rem; font-size: var(--f13);
.title { color: var(--tipsTextColor);
height: 40px; margin-bottom: 0.14rem;
font-size: var(--f13); }
color: var(--tipsTextColor); .content .search_list ul li {
margin-bottom: 0.14rem; padding: 0 var(--f10);
} margin-bottom: 0.16rem;
ul { }
li { .content .search_list ul li a {
padding: 0 var(--f10); font-size: var(--f16);
margin-bottom: .16rem; color: var(--textColor);
a { }
font-size: var(--f16);
color: var(--textColor);
}
}
}
}
}

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