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,50 @@
.left{
padding-left: .8rem;
}
.header{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
display: flex;
color: #fff;
height: 2.8rem;
align-items: center;
}
.header a,.header p{
color: #fff;
font-size: .9rem;
}
.header p{
padding-left: .5rem;
}
.contene{
margin-top: 3.5rem;
}
.contene div:first-child p,
.contene div:last-child p{
font-size: .8rem;
margin-bottom: 0.5rem;
color: #666;
}
.contene ul{
display: flex;
flex-wrap: wrap;
}
.contene ul li{
line-height: 2rem;
height: 2rem;
width: 23.8%;
text-align: center;
font-size: 0.28rem;
border: 1px solid #ccc;
margin-bottom: 0.1rem;
padding: 0.1rem 0;
box-sizing: border-box;
margin-right: 0.1rem;
}
.contene div:first-child{
margin-bottom: 1rem;
}

View File

@@ -0,0 +1,77 @@
.header {
height: 1.6rem;
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 9;
}
.header_search {
height: 0.88rem;
display: flex;
justify-content: space-between;
padding: 0 0.3rem;
align-items: center;
box-sizing: border-box;
}
.header_menu {
position: relative;
height: 0.72rem;
display: flex;
background: #fe7fa2;
}
.header_menu .menu_list {
display: flex;
width: calc(100% - 0.8rem);
overflow-x: scroll;
align-items: center;
padding-left: 0.3rem;
box-sizing: border-box;
}
.header_menu i {
width: 0.8rem;
height: 0.72rem;
position: absolute;
right: 0;
top: 0;
font-size: 0.3rem;
background: #fe7fa2;
color: #e3e3e3;
line-height: 0.72rem;
text-align: center;
}
.menu_list li {
font-size: 0.26rem;
flex-shrink: 0;
margin-right: 0.26rem;
color: #d3d2d2;
}
.menu_active {
color: #ffffff !important;
}
.content {
margin-top: 1.6rem;
}
.icon-taozi1, .icon-wo{
font-size: 22px;
}
.search {
width: 82%;
background: #fff;
height: 0.6rem;
border-radius: 0.6rem;
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 0.3rem;
}
.search span {
font-size: 0.24em;
color: #999;
}
.search i {
color: #999;
font-size: 0.26rem;
margin-right: 0.1rem;
padding-top: 0.02rem;
}

View File

@@ -0,0 +1,8 @@
.info {
width: 100%;
}
.info img {
width: 100%;
height: auto;
}

View File

@@ -0,0 +1,37 @@
.content_mechanism {
padding-top: 0.9rem;
padding-bottom: 1rem;
}
.mechanism_list {
display: flex;
flex-wrap: wrap;
margin-top: 0.3rem;
padding: 0 0.3rem;
}
.mechanism_list li {
width: 25%;
text-align: center;
font-size: 0;
margin-bottom: 0.7rem;
}
.mechanism_list p {
font-size: 0.32rem;
margin-bottom: 0.06rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mechanism_list span {
font-size: 0.24rem;
color: #fb7299;
}

View File

@@ -0,0 +1,53 @@
.content_theme1 {
padding-top: 0.9rem;
padding-bottom: 1rem;
}
.padding_30 {
padding: 0.3rem 0.3rem 0 0.3rem;
}
.item_list .title {
font-size: 0.34rem;
color: #333;
margin-bottom: 0.26rem;
margin-top: 0.3rem;
}
.model_list {
display: flex;
justify-content: space-around;
margin-top: 0.24rem;
flex-wrap: wrap;
}
.model_list .item {
margin-bottom: 0.6rem;
}
.item {
position: relative;
text-align: center;
width: 22%;
}
.top {
position: relative;
}
.item span {
font-size: 0.22rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.06rem;
padding: 0.02rem 0.1rem;
background: rgb(0 0 0 / 58%);
color: #fff;
border-radius: 0.2rem;
}
.item img {
width: 1.2rem;
height: 1.2rem;
border-radius: 100%;
}
.item p {
font-size: 0.24rem;
color: #7e7979;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

View File

@@ -0,0 +1,121 @@
.content_info {
padding-top: 0.9rem;
}
.model_info_header {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 0;
}
.model_info_header img{
width: 1.4rem;
height: 1.4rem;
margin-right: 0.2rem;
border-radius: 100%;
}
.right_text {
flex: 1;
}
.right_text p{
font-weight: 500;
font-size: 0.32rem;
margin-bottom: 0.12rem;
}
.right_text span{
font-size: 0.24rem;
color: #909090;
}
.padding_30 {
padding: 0.3rem 0.3rem 0 0.3rem;
}
.item_list .title {
font-size: 0.34rem;
color: #333;
margin-bottom: 0.26rem;
margin-top: 0.3rem;
}
.item_list ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.item_list ul li {
width: 48%;
margin-bottom: 0.3rem;
}
.item_list ul .newest_img {
position: relative;
}
a {
text-decoration: none;
color: #000;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.item_list .newest_img span {
position: absolute;
padding: 0.08rem 0.14rem;
background: rgb(251 114 153 / 73%);
color: rgb(255 255 255 / 73%);
font-size: 0.24rem;
right: 0.2rem;
bottom: 0.42rem;
border-radius: 0.28rem;
}
.newest_text .tags {
display: flex;
flex-wrap: wrap;
margin-top: 0.08rem;
}
.newest_text .tags_item {
padding: 0.04rem 0.1rem;
font-size: 0.24rem;
background: #fb7299;
margin-right: 0.06rem;
color: #fff;
border-radius: 0.18rem;
margin-bottom: 0.06rem;
}
.tags_item a {
color: #fff;
}
.model_list {
display: flex;
justify-content: space-around;
margin-top: 0.24rem;
flex-wrap: wrap;
}
.model_list .item {
margin-bottom: 0.6rem;
}
.item {
position: relative;
text-align: center;
width: 22%;
}
.top {
position: relative;
}
.item p {
font-size: 0.24rem;
color: #7e7979;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.item img {
width: 1.2rem;
height: 1.2rem;
border-radius: 100%;
}
.item span {
font-size: 0.22rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.06rem;
padding: 0.02rem 0.1rem;
background: rgb(0 0 0 / 58%);
color: #fff;
border-radius: 0.2rem;
}

View File

@@ -0,0 +1,53 @@
.comms{
padding: 0 1rem;
}
.header{
padding: 0 1rem;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
height: 2.7rem;
}
.header input{
width: 83%;
border: none;
outline: none;
height: 1.9rem;
padding-left: 0.5rem;
border-radius: 1rem;
box-sizing: border-box;
font-size: 0.26rem;
background-color: #fff;
color: #333;
}
.coontent{
margin-top: 3.5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.coontent a{
margin-bottom: .5rem;
width: 10rem;
}
.coontent img{
width: 10rem;
border-radius: .5rem;
}
.coontent p{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
p{
margin-top: 2rem;
font-size: 1rem;
color: #666;
display: flex;
justify-content: center;
}