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,28 @@
/* 清楚浏览器默认样式 */
ul,li,p,h1,h2,h3,h4,h5,h6,body {
margin: 0;
padding: 0;
}
body {
background: #eeeef3;
font-size: 0;
}
.content {
margin-top: 0.9rem;
}
a {
text-decoration: none;
}
li {
list-style: none;
}
input {
outline: none;
border: none;
}

View File

@@ -0,0 +1,83 @@
.header {
height: 0.9rem;
width: 100%;
left: 0;
top: 0;
position: fixed;
align-items: center;
justify-content: space-between;
background: #fff;
padding-left: 0.21rem;
padding-right: 0.21rem;
box-sizing: border-box;
display: flex;
}
.header img {
width: 0.2rem;
height: 0.35rem;
}
body {
background: #fff;
}
.content {
margin: 0 0.6rem;
margin-top: 2.69rem;
margin-bottom: 4.45rem;
box-sizing: border-box;
}
.center {}
.center .login {
font-size: 0.54rem;
color: #000000;
}
.center .text {
margin-top: 1.21rem;
}
.center .text input {
font-size: 0.36rem;
color: #c7c7cc;
margin-bottom: 0.71rem;
border-bottom: 0.01rem solid #e8e8e8;
padding-bottom: 0.32rem;
width: 100%;
}
.center .button {
background-color: #5697f4;
border-radius: 0.49rem;
font-size: 0.34rem;
color: #ffffff;
height: 0.98rem;
align-items: center;
display: flex;
justify-content: center;
}
.center .bottom {
display: flex;
justify-content: space-between;
margin-top: 0.55rem;
box-sizing: border-box;
}
.bottom {
font-size: 0.28rem;
color: #666666;
display: flex;
}
.bottom .bottom_right {
display: flex;
}
.bottom .enroll {
font-size: 0.28rem;
color: #5697f4;
}

View File

@@ -0,0 +1,107 @@
.footer {
height: 1rem;
background-color: #000000;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0.39rem;
padding-right: 0.54rem;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
}
.footer li {
font-size: 0.24rem;
color: #ffffff;
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.footer .active::after {
content: "";
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
position: absolute;
bottom: 0.05rem;
left: 50%;
transform: translateX(-50%);
}
.footer .active {
font-size: 0.3rem;
}
.header {
position: fixed;
width: 100%;
height: 0.9rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.43rem;
box-sizing: border-box;
z-index: 999;
}
.header ul {
display: flex;
align-items: center;
height: 100%;
}
.header ul li {
font-size: 0.36rem;
color: #ffffff;
position: relative;
height: 100%;
align-items: center;
display: flex;
}
.header ul .on {
padding-right: 0.423rem;
}
.header ul .in {
padding-left: 0.423rem;
}
.header ul .active::after{
width: 0.4rem;
height: 0.04rem;
background-color: #ffffff;
border-radius: 0.02rem;
content: "";
position: absolute;
bottom: 0.1rem;
left: 50%;
/* transform: translateX(-50%); */
}
.header img {
/* width: 100%; */
height: 32.4%;
}
body {
background: #fff;
}
.content {
margin-top: 0 !important;
height: calc(100vh - 1rem);
}
.content img {
width: 100%;
height: 5.5rem;
background-size: cover;
}

View File

@@ -0,0 +1,237 @@
.footer {
width: 100%;
height: 1rem;
background: #000000;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 0.39rem;
padding-right: 0.54rem;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
}
.footer li {
font-size: 0.24rem;
color: #ffffff;
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.footer .active::after {
content: "";
width: 0.51rem;
height: 0.03rem;
background-color: #ffffff;
border-radius: 0.015rem;
position: absolute;
bottom: 0.05rem;
left: 50%;
transform: translateX(-50%);
}
.header {
width: 100%;
height: 0.9rem;
display: flex;
position: fixed;
justify-content: space-between;
align-items: center;
padding: 0 0.37rem;
box-sizing: border-box;
z-index: 999;
}
.header img {
width: 0.42rem;
height: 0.42rem;
}
.header ul {
display: flex;
align-items: center;
}
.header ul li {
font-size: 0.3rem;
color: #fefefe;
position: relative;
}
.header ul .active::after {
content: "";
width: 0.35rem;
height: 0.02rem;
background-color: #ffffff;
position: absolute;
border-radius: 0.01rem;
bottom: -0.1rem;
left: 50%;
transform: translateX(-50%);
box-shadow: 0rem 0.02rem 0.02rem 0rem rgba(12, 0, 255, 0.35);
}
.header ul li:nth-child(2) {
margin: 0 0.23rem;
}
.content {
margin-top: 0 !important;
background: url(../img/backimg.png);
background-size: cover;
height: calc(100vh - 1rem);
position: relative;
}
.auth {
display: flex;
flex-direction: column;
position: absolute;
bottom: 0.14rem;
right: 0.19rem;
align-items: center;
}
.auth .follow {
width: 0.96rem;
height: 0.97rem;
position: relative;
}
.auth .follow .head {
border: solid 0.03rem #ffffff;
width: 100%;
height: 100%;
border-radius: 100%;
box-sizing: border-box;
}
.auth .follow .add {
width: 0.34rem;
height: 0.33rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.16rem;
}
.auth ul {
margin-top: 0.42rem;
}
.auth ul li {
margin-bottom: 0.36rem;
}
.auth ul li img {
width: 0.68rem;
height: 0.63rem;
margin-bottom: 0.09rem
}
.auth ul li p {
font-size: 0.24rem;
color: #ffffff;
}
.music {
position: absolute;
left: 0.3rem;
bottom: 0.1rem;
}
.music .shop_name {
display: flex;
align-items: center;
margin-bottom: 0.22rem;
}
.music .shop_name img {
width: 0.28rem;
height: 0.26rem;
margin-right: 0.1rem;
margin-left: 0.07rem;
}
.music .shop_name span {
font-size: 0.26rem;
color: #ffc600;
}
.music .item {
position: relative;
width: 5.85rem;
height: 1.68rem;
background-color: #ffffff;
padding-left: 0.09rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
box-sizing: border-box;
display: flex;
align-items: center;
}
}
.music .item .item_img {
width: 1.48rem;
height: 1.48rem;
margin-right: 0.15rem;
}
.music .item .item_right {
}
.music .item .item_right .item_title {
font-size: 0.28rem;
color: #333333;
margin-bottom: 0.16rem;
}
.music .item .item_right .item_price {
font-size: 0.28rem;
color: #333333;
display: flex;
align-items: center;
margin-bottom: 0.09rem;
}
.music .item .item_right .item_price .back {
width: 0.6rem;
height: 0.24rem;
background-color: #ea4e3d;
border-radius: 0.12rem;
display: inline-block;
font-size: 0.2rem;
color: #fffefe;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0.03rem;
}
.music .item .item_right .item_price span {
zoom: 0.8;
}
.music .item .item_right .item_his {
font-size: 0.2rem;
color: #626262;
zoom: 0.78;
}
}
.music .item .car {
position: absolute;
width: 0.46rem;
height: 0.46rem;
right: 0.34rem;
bottom: 0.17rem;
}
.music .music_name {
display: flex;
align-items: center;
margin-top: 0.27rem;
}
.music .music_name img {
width: 0.27rem;
height: 0.28rem;
margin-right: 0.13rem;
}
.music .music_name span {
font-size: 0.24rem;
color: #ffffff;
}

View File

@@ -0,0 +1,13 @@
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.padd {
padding-left: 0.37rem;
padding-right: 0.41rem;
}