bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/4.27/7/css/index.css Normal file
View File

@@ -0,0 +1,211 @@
.header{
position: fixed;
top: 0.1rem;
left: 0.24rem;
z-index: 9999;
box-sizing: border-box;
width: 4.52rem;
height: 0.8rem;
background-color: #000000;
border-radius: 0.4rem;
opacity: 0.73;
display: flex;
justify-content: space-between;
align-items: center;
}
.header .header_img{
width: 0.7rem;
height: 0.7rem;
margin-left: 0.07rem;
margin-right: 0.09rem;
}
.header .header_div {
margin-right: 0.13rem;
}
.header .header_div .header_div_zi{
font-family: PingFangSC-Regular;
font-size: 0.26rem;
color: #ffffff;
}
.header .header_div .header_div_zi1{
font-family: PingFangSC-Regular;
font-size: 0.22rem;
color: #ffffff;
}
.header .header_div1{
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.34rem;
width: 1.05rem;
height: 0.45rem;
background-color: red;
border-radius: 0.20rem;
}
.header .header_div1 .header_div1_img{
width: 0.34rem;
height: 0.24rem;
}
.header .header_div1 .header_div1_zi{
font-family: PingFang-SC-Regular;
font-size: 0.24rem;
letter-spacing: 0.019rem;
color: #ffffff;
}
/**********************************/
.content{
display: flex;
background-size: cover;
background-color: aquamarine;
position: relative;
}
.content .content_img{
width: 7.5rem;
height: 13.34rem;
flex: 1;
}
.comments{
position: absolute;
bottom: 5rem;
left: 0.21rem;
}
.comments .comments_li{
width: 3.5rem;
height: 0.5rem;
background-color: #4799ee;
border-radius: 0.1rem;
opacity: 0.85;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0.13rem 0.18rem 0.12rem 0.17rem;
margin-bottom: 0.31rem;
}
.comments .comments_li .comments_li_img{
width: 0.34rem;
height: 0.24rem;
margin-right: 0.14rem;
}
.comments .comments_li .comments_li_zi{
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
color: #ffffff;
margin-right: 0.06rem;
}
.comments .comments_li .comments_li_zi1{
font-family: PingFang-SC-Medium;
font-size: 0.26rem;
color: #ffffff;
}
.comments .comments_li1{
width: 3.24rem;
height: 0.5rem;
background-color: #000000;
border-radius: 0.25rem;
opacity: 0.6;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0.13rem;
}
.comments .comments_li1 .comments_li1_zi{
font-family: PingFangSC-Regular;
font-size: 0.26rem;
color: #4799ee;
}
.comments .comments_li1 .comments_li1_zi1{
font-family: PingFangSC-Regular;
font-size: 0.26rem;
color: #eceded;
}
/*****************************************************/
.footer{
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
box-sizing: border-box;
}
.footer .fig{
padding: 0.25rem 0.3rem 0.1rem 0.3rem;
display: flex;
align-items: center;
margin-bottom: 0.05rem;
}
.footer .fig .fig_li{
margin-right: 0.1rem;
width: 1.65rem;
height: 2.36rem;
background-color: #ffffff;
box-shadow: 0rem 0rem 0.29rem 0rem
rgba(150, 150, 150, 0.3);
border-radius: 0.1rem;
opacity: 0.9;
}
.footer .fig .fig_li .fig_li_img{
width: 1.65rem;
height: 1.65rem;
background-color: #ffffff;
border-radius: 0.1rem 0.1rem 0rem 0rem;
}
.footer .fig .fig_li .fig_li_zi{
font-family: PingFang-SC-Medium;
font-size: 0.2rem;
letter-spacing: 0.01rem;
color: #000000;
margin-left: 0.13rem;
zoom: 0.78;
margin-top: 0.05rem;
}
.footer .fig .fig_li .fig_li_zi1{
font-family: PingFang-SC-Bold;
font-size: 0.2rem;
letter-spacing: 0.01rem;
color: #ea4e3d;
margin-left: 0.13rem;
margin-top: 0.17rem;
zoom: 0.78;
}
/*********************************************/
.press{
height: 1rem;
display: flex;
align-items: center;
padding: 0 0.35rem;
}
.press .press_text{
width: 3.59rem;
height: 0.62rem;
background-color: #000000;
border-radius: 0.31rem;
opacity: 0.4;
padding-left: 0.27rem;
box-sizing: border-box;
margin-left: 0.1rem;
margin-right: 0.29rem;
}
.press .press_li{
width: 0.63rem;
height: 0.63rem;
background-color: #8b8a8a;
opacity: 0.8;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.press .press_li .press_img{
width: 0.34rem;
height: 0.34rem;
}
.press li:nth-child(4){
margin: 0 0.15rem;
}
.press li:nth-child(1){
background-color: #4799ee;
}