first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,36 @@
body,h1,h2,h3,h4,h5,h6,ul,li,p {
margin: 0;
padding: 0;
}
body {
font-size: 0;
}
li {
list-style: none;
}
input {
border: none;
outline: none;
padding: 0;
flex: 1;
margin: 0 10px;
border-radius: 20px;
height: 32px;
}
a {
text-decoration: none;
color: #333;
}
::-webkit-scrollbar {
width: 0;
height: 0;
}
img {
width: 100%;
}

View File

@@ -0,0 +1,9 @@
ul {
margin-top: 45px;
height: 100%;
}
li {
margin-top: 45px;
font-size: 45px;
}

View File

@@ -0,0 +1,21 @@
.title {
padding: 0 15px;
font-size: 16px;
font-weight: 400;
padding-top: 20px;
margin-bottom: 10px;
}
.menu_list {
padding: 0 15px;
display: flex;
flex-wrap: wrap;
}
.menu_list li {
padding: 3px 10px;
font-size: 14px;
background: var(--themeColor);
margin-right: 10px;
color: #fff;
border-radius: 20px;
margin-bottom: 7px;
}

View File

@@ -0,0 +1,99 @@
.header {
position: fixed;
width: 100%;
height: 1.6rem;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.header .header_logo {
background: var(--themeColor);
height: 0.88rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.3rem;
}
.header .header_logo i {
font-size: 0.45rem;
color: var(--whiteColor);
}
.header .header_logo .search {
flex: 1;
background: var(--whiteColor);
height: 0.6rem;
border-radius: 0.6rem;
margin-left: 10px;
margin-right: 10px;
display: flex;
align-items: center;
}
.one {
width: 300px;
}
.header .header_logo .search span {
font-size: var(--fontSize12);
color: var(--textColor);
}
.header .header_logo .search i {
color: var(--textColor) !important;
font-size: 0.26rem !important;
margin-right: 0.1rem;
padding-top: 0.02rem;
margin-left: 0.26rem;
}
.header_menu {
height: 0.72rem;
display: flex;
align-items: center;
background: #fe7fa2;
}
.header_menu a {
color: #fff;
text-decoration: none;
width: 0.8rem;
height: 0.72rem;
text-align: center;
line-height: 0.72rem;
}
.header_menu ul {
display: flex;
flex: 1;
overflow-x: scroll;
padding-left: 0.3rem;
}
.header_menu ul li {
font-size: 0.26rem;
margin-right: 0.26rem;
color: #d3d2d2;
flex-shrink: 0;
}
.header_menu ul .active {
color: var(--whiteColor) !important;
}
.content {
margin-top: 1.6rem;
margin-bottom: 1rem;
}
.swiper {
width: 100%;
}
.swiper-slide {
height: calc(100vh - 1.6rem - 1rem);
overflow-y: scroll;
}

View File

@@ -0,0 +1,3 @@
.hidden {
display: none;
}

View File

@@ -0,0 +1,40 @@
.gggg{
display: flex;
flex-wrap: wrap;
}
.ccccc{
width: 40%;
margin: 0 5%;
}
.list{
font-size: .5rem;
}
img{
}
.bb{
font-size: 0.34rem;
font-weight: 400;
margin-top: 0.2rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ww,.qq{
font-size: 0.28rem;
color: #bdb7b7;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ee span{
font-size: 0.24rem;
flex-shrink: 0;
padding: 0.08rem 0.18rem;
background: var(--themeColor);
margin-right: 0.1rem;
color: #fff;
border-radius: 0.2rem;
margin-bottom: 0.1rem;
}

View File

@@ -0,0 +1,32 @@
.list {
display: flex;
flex-wrap: wrap;
background: #00000008;
padding-left: 0.2rem;
box-sizing: border-box;
}
.list .shuliang {
overflow-y: scroll;
width: 20%;
padding-top: .3rem;
margin-left: 0.2rem;
flex-shrink: 0;
}
.list .shuliang .title{
font-size: .3rem;
color: black;
margin-bottom: .1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.list .shuliang .number{
font-size: .2rem;
color: var(--themeColor);
text-align: center;
}

View File

@@ -0,0 +1,54 @@
.hot{
height: calc(100vh - 0.9rem - 1rem);
overflow-y: scroll;
}
.hot_model{
padding-top: 30px;
font-size: 18px;
margin-left: 10px;
}
.hot_modelAll{
display: flex;
flex-wrap: wrap;
padding: 4px 7px;
box-sizing: border-box;
}
.model{
width: 60px;
margin: 15px;
}
.model a{}
.model .model_top{
position: relative;
}
.model .model_top img{
width: 100%;
border-radius: 50%;
}
.model .model_top span{
color: var(--whiteColor);
font-size: 10px;
height: 18px;
width: 40px;
background: #3333338f;
position: absolute;
text-align: center;
line-height: 18px;
border-radius: 10px;
bottom: -2px;
left: 10px;
transform: scale(0.8);
}
.model_bottom{
color: var(--textColor);
font-size: 10px;
transform: scale(0.8);
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

View File

@@ -0,0 +1,40 @@
.title {
display: flex;
padding-left: 20px;
padding-top: 20px;
}
.title img {
width: 20%;
border-radius: 50%;
}
.title .name {
padding-left: 20px;
}
.title .name p {
font-size: .32rem;
margin-bottom: .2rem;
}
.test {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow-y: scroll;
box-sizing: border-box;
}
.test img {
width: 45%;
margin-bottom: .2rem;
margin-left: .2rem;
margin-top: 0.2rem;
}
.xiala {
position: fixed;
left: 50%;
bottom: .1rem;
color: var(--themeColor);
}

View File

@@ -0,0 +1,50 @@
.my_top {
font-size: 20px;
height: 200px;
width: 100%;
background-color: #fe7fa2;
color: aliceblue;
}
.my_top i {
color: aliceblue;
font-size: 70px;
position: absolute;
left: 152.6px;
line-height: 200px;
}
.wode {
position: absolute;
left: 167.6px;
top: 135px;
}
ul {
font-size: 20px;
margin-top: 5px;
color: #868181;
}
li {
margin-top: 10px;
display: flex;
justify-content: space-between;
}
li a {
color: #868181;
}
.my_list{
width: 100%;
margin-left: 5px;
}
li i {
height: 20px;
width: 20px;
margin-right: 5px;
line-height: 26.4px;
}

View File

@@ -0,0 +1,148 @@
:root {
--themeColor: #fb7299;
--whiteColor: #fff;
--blackColor: #000;
--textColor: #999;
--fontSize12: 0.24rem;
--fontSize13: 0.26rem;
--fontSize14: 0.28rem;
--fontSize15: 0.3rem;
--fontSize16: 0.32rem;
--fontSize17: 0.34rem;
--fontSize18: 0.36rem;
--fontSize19: 0.38rem;
--fontSize20: 0.4rem;
--fontSize21: 0.42rem;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.footer {
justify-content: space-around;
display: flex;
height: 1rem;
align-items: center;
position: fixed;
border-top: 0.02rem solid #e2e2e2;
width: 100%;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
background: var(--whiteColor);
}
.footer li {
text-align: center;
}
.footer li p {
font-size: 0.24rem;
margin-top: 0.04rem;
}
.footer .active a {
color: var(--themeColor);
}
.pub_header {
height: .9rem;
width: 100%;
position: fixed;
left: 0;
top: 0;
right: 0;
background: var(--themeColor);
color: #fff;
display: flex;
align-items: center;
padding: 0 10px;
box-sizing: border-box;
}
.pub_header i {
font-size: .4rem;
}
.pub_header .text {
font-size: .36rem;
flex: 1;
margin-left: .28rem;
}
.content {
margin-top: .9rem;
}
.list {
padding: 10px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.list .item {
width: 48%;
flex-shrink: 0;
margin-bottom: 0.24rem;
}
.list .item_top {
position: relative;
}
.list .item_top img {}
.list .item_top span {
bottom: 0.1rem;
right: 0.16rem;
position: absolute;
font-size: 0.24rem;
background: var(--themeColor);
color: #fff;
padding: 0.02rem 0.12rem;
border-radius: 0.16rem;
}
.list .item_text {}
.list .item_text .title {
font-size: 0.34rem;
font-weight: 400;
margin-top: 0.2rem;
}
.list .item_text .model {
font-size: 0.28rem;
color: #bdb7b7;
}
.list .item_text .source {
font-size: 0.28rem;
color: #bdb7b7;
}
.list .item_tag {
margin-top: 0.1rem;
display: flex;
flex-wrap: wrap;
}
.list .item_tag .tage_item {
font-size: 0.24rem;
flex-shrink: 0;
padding: 0.08rem 0.18rem;
background: var(--themeColor);
margin-right: 0.1rem;
color: #fff;
border-radius: 0.2rem;
margin-bottom: 0.1rem;
}

View File

@@ -0,0 +1,87 @@
.title {
padding: 0 15px;
font-size: 16px;
font-weight: 600;
padding-top: 20px;
margin-bottom: 10px;
margin-top: 50px;
}
.menu_list {
padding: 0 15px;
display: flex;
flex-wrap: wrap;
}
.menu_list li {
padding: 3px 10px;
font-size: 14px;
background: var(--themeColor);
margin-right: 10px;
color: #fff;
border-radius: 20px;
margin-bottom: 7px;
}
.itemBox {
padding: 10px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.itemBox .item {
width: 48%;
flex-shrink: 0;
margin-bottom: 0.24rem;
}
.list .item_top {
position: relative;
}
.itemBox .item_top img {}
.itemBox .item_top span {
bottom: 0.1rem;
right: 0.16rem;
position: absolute;
font-size: 0.24rem;
background: var(--themeColor);
color: #fff;
padding: 0.02rem 0.12rem;
border-radius: 0.16rem;
}
.itemBox .item_text {}
.itemBox .item_text .title {
font-size: 0.34rem;
font-weight: 400;
margin-top: 0.2rem;
}
.itemBox .item_text .model {
font-size: 0.28rem;
color: #bdb7b7;
}
.itemBox .item_text .source {
font-size: 0.28rem;
color: #bdb7b7;
}
.itemBox .item_tag {
margin-top: 0.1rem;
display: flex;
flex-wrap: wrap;
}
.itemBox .item_tag .tage_item {
font-size: 0.24rem;
flex-shrink: 0;
padding: 0.08rem 0.18rem;
background: var(--themeColor);
margin-right: 0.1rem;
color: #fff;
border-radius: 0.2rem;
margin-bottom: 0.1rem;
}