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

70
css/page/domestic.css
View File

@@ -3,42 +3,36 @@
@import "../tool/utils.css";
.type_list {
overflow-x: scroll;
height: .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%);
}
}
overflow-x: scroll;
height: 0.8rem;
}
.type_list li {
flex-shrink: 0;
font-size: var(--f16);
color: var(--textColor);
margin-right: var(--f10);
position: relative;
}
.type_list li:last-child {
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;
}
.type_list_content {
.swiper-slide {
font-size: var(--f16);
height: calc(100vh - .96rem - .8rem - 1rem);
overflow-y: scroll;
}
.default-model {
margin-top: 0 !important;
}
}

102
css/page/index.css
View File

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

67
css/page/info.css
View File

@@ -2,43 +2,30 @@
@import "../tool/size.css";
@import "../tool/utils.css";
.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;
}
}
}
}
.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;
}

83
css/page/search.css
View File

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