A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/29 -14:38:27

Browse Source
This commit is contained in:
XiaoMo
2023-03-29 14:38:43 +08:00
parent 947f9418ad
commit 6479762082
13 changed files with 578 additions and 587 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/normalize.css vendored
View File

@@ -1,7 +1,7 @@
*{
padding: 0;
margin: 0;
color: #555;
/* color: #555; */
font-family: '微软雅黑';
font-weight: 400;
}

96
src/assets/css/public.scss
View File

@@ -38,16 +38,21 @@
box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.1);
position: relative;
.path-slash {
color: #D7D7D7;
font-size: .32rem;
}
div {
color: #7F7F7F;
max-width: 2.5rem;
&::before {
content: "/";
width: 0.2rem;
padding: 0 0.07rem;
color: #7F7F7F;
}
// &::before {
// content: "/";
// width: 0.2rem;
// padding: 0 0.07rem;
// color: #7F7F7F;
// }
&:last-child {
max-width: 50%;
@@ -55,9 +60,9 @@
font-weight: bold;
}
&:first-child::before {
content: "";
}
// &:first-child::before {
// content: "";
// }
}
&::after {
@@ -124,7 +129,7 @@ section {
font-size: 0.3rem;
color: #7F7F7F;
max-height: 1rem;
line-height: 0.53rem;
line-height: .52rem;
}
// 回复可见
@@ -134,6 +139,8 @@ section {
padding: 0.28rem;
text-align: center;
margin-top: 0.25rem;
font-size: .32rem;
color: #aaa;
}
}
@@ -164,10 +171,11 @@ section {
display: flex;
flex-direction: row;
align-items: center;
padding-left: 0.25rem;
// padding-left: 0.25rem;
&:last-child {
margin-left: 0.133333rem;
// margin-left: 0.133333rem;
margin-left: .4rem;
}
div {
@@ -190,66 +198,30 @@ section {
// 精华
.rightTop {
width: 2rem;
height: 2rem;
position: absolute;
top: 0;
right: 0;
&:before {
content: "";
display: block;
border-radius: 0.8rem 0.8rem 0 0;
width: 0.24rem;
height: 0.053333rem;
position: absolute;
top: -0.053333rem;
right: 0.98rem;
background: #7474ff;
}
&:after {
content: "";
display: block;
border-radius: 0 0.11rem 0.11rem 0;
width: 0.053333rem;
height: 0.24rem;
position: absolute;
right: -0.053333rem;
top: 0.98rem;
background: #7474ff;
}
div {
overflow: hidden;
width: 2rem;
height: 2rem;
position: absolute;
top: -0.09rem;
right: -0.09rem;
.rightTop-img {
width: 1.28rem;
height: 1.28rem;
margin-top: -.1rem;
margin-right: -.1rem;
}
// 丝带
span {
display: inline-block;
text-align: center;
width: 2.5rem;
height: 0.45rem;
line-height: 0.45rem;
font-size: 0.3rem;
color: #fff;
position: absolute;
top: 0.25rem;
right: -0.8rem;
z-index: 2;
overflow: hidden;
top: 0;
left: 0;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
box-shadow: 0 0 0.09rem rgba(151, 151, 255, 0.5);
background-image: linear-gradient(to bottom right, #7474ff, rgba(190, 190, 255, 1));
transform-origin: bottom;
margin-top: 0.01rem;
margin-left: 0.25rem;
width: 0.9rem;
font-size: 0.3rem;
text-align: center;
color: #fff;
}
}
}