parent
2de12c8ec0
commit
878645d672
14 changed files with 1807 additions and 120 deletions
@ -0,0 +1,189 @@ |
|||||||
|
.msg { |
||||||
|
li { |
||||||
|
margin-bottom: 10px; |
||||||
|
border-top: 1px solid #f1f1f1; |
||||||
|
&:first-child { |
||||||
|
border-top: 0; |
||||||
|
} |
||||||
|
.li-wrap { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
padding: 16px 0; |
||||||
|
.avatar { |
||||||
|
width: 48px; |
||||||
|
height: 48px; |
||||||
|
border-radius: 50%; |
||||||
|
} |
||||||
|
.texts { |
||||||
|
flex: 1; |
||||||
|
margin-left: 24px; |
||||||
|
.name { |
||||||
|
color: rgba(0, 0, 0, 0.85); |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.date { |
||||||
|
color: rgba(0, 0, 0, 0.45); |
||||||
|
font-size: 14px; |
||||||
|
} |
||||||
|
/deep/img { |
||||||
|
max-width: 95%; |
||||||
|
} |
||||||
|
} |
||||||
|
.reply-name { |
||||||
|
color: #062c87; |
||||||
|
} |
||||||
|
.action { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
margin: 15px 10px 0 0; |
||||||
|
.icon { |
||||||
|
margin: 0 5px; |
||||||
|
color: #062c87; |
||||||
|
font-size: 18px; |
||||||
|
cursor: pointer; |
||||||
|
&:hover { |
||||||
|
opacity: 0.8; |
||||||
|
} |
||||||
|
&:first-child { |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
&.del { |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.like-wrap { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.reply { |
||||||
|
margin-top: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
&.children { |
||||||
|
margin-left: 72px; |
||||||
|
padding-left: 24px; |
||||||
|
background-color: rgba(0, 0, 0, 0.02); |
||||||
|
border-radius: 8px; |
||||||
|
li { |
||||||
|
border-top-color: rgba(0, 0, 0, 0.06); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.toggle { |
||||||
|
margin: 16px 0; |
||||||
|
text-align: center; |
||||||
|
color: #062c87; |
||||||
|
font-size: 14px; |
||||||
|
span { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
/deep/.quill { |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.timeline { |
||||||
|
padding-left: 9%; |
||||||
|
overflow: hidden; |
||||||
|
.el-timeline-item { |
||||||
|
padding-bottom: 40px; |
||||||
|
} |
||||||
|
.el-timeline-item__node--normal { |
||||||
|
top: 30px; |
||||||
|
} |
||||||
|
.el-timeline-item__wrapper { |
||||||
|
top: 15px; |
||||||
|
padding-left: 40px; |
||||||
|
} |
||||||
|
.el-timeline-item__tail { |
||||||
|
height: 250%; |
||||||
|
border-left-width: 1px; |
||||||
|
} |
||||||
|
.sign { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
margin-left: -12.5%; |
||||||
|
font-size: 14px; |
||||||
|
color: #062c87; |
||||||
|
} |
||||||
|
.draft { |
||||||
|
.ver, |
||||||
|
.sign { |
||||||
|
color: #b1b1b1; |
||||||
|
} |
||||||
|
} |
||||||
|
.ver { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
padding-bottom: 10px; |
||||||
|
margin: -22px 0 20px; |
||||||
|
font-size: 15px; |
||||||
|
color: #062c87; |
||||||
|
border-bottom: 1px dashed #bfbfbf; |
||||||
|
} |
||||||
|
.des { |
||||||
|
p, |
||||||
|
span, |
||||||
|
em { |
||||||
|
font-size: 14px !important; |
||||||
|
} |
||||||
|
} |
||||||
|
.withdraw { |
||||||
|
margin-right: 10px; |
||||||
|
font-size: 13px; |
||||||
|
color: #979797; |
||||||
|
} |
||||||
|
.action { |
||||||
|
margin-left: 15px; |
||||||
|
i { |
||||||
|
margin-left: 8px; |
||||||
|
font-size: 14px; |
||||||
|
color: #062c87; |
||||||
|
cursor: pointer; |
||||||
|
&:hover { |
||||||
|
opacity: 0.9; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.detail { |
||||||
|
li { |
||||||
|
margin-bottom: 20px; |
||||||
|
} |
||||||
|
.name { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-bottom: 5px; |
||||||
|
font-size: 15px; |
||||||
|
font-weight: 600; |
||||||
|
img { |
||||||
|
width: 20px; |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
} |
||||||
|
.val { |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1.8; |
||||||
|
white-space: pre-wrap; |
||||||
|
p { |
||||||
|
position: relative; |
||||||
|
color: #6a6a6a; |
||||||
|
&:before { |
||||||
|
content: ''; |
||||||
|
display: inline-block; |
||||||
|
width: 5px; |
||||||
|
height: 5px; |
||||||
|
margin: 0 10px 0 5px; |
||||||
|
vertical-align: middle; |
||||||
|
border-radius: 20px; |
||||||
|
background-color: #c5b8ff; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
After Width: | Height: | Size: 205 B |
After Width: | Height: | Size: 343 B |
After Width: | Height: | Size: 49 KiB |
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue