|
@ -1,7 +1,8 @@ |
|
|
page { |
|
|
page { |
|
|
width:100%; |
|
|
width: 100%; |
|
|
height:100vh; |
|
|
height: 100vh; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion { |
|
|
.discussion { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
@ -18,22 +19,26 @@ page { |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
padding-left: 20rpx; |
|
|
padding-left: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .left { |
|
|
.discussion .header .left { |
|
|
height:100%; |
|
|
height: 100%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .left .dang-logo { |
|
|
.discussion .header .left .dang-logo { |
|
|
width: 32rpx; |
|
|
width: 32rpx; |
|
|
height:32rpx; |
|
|
height: 32rpx; |
|
|
object-fit: cover; |
|
|
object-fit: cover; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .left .grid-name { |
|
|
.discussion .header .left .grid-name { |
|
|
color: #EB0000; |
|
|
color: #eb0000; |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|
font-weight: bolder; |
|
|
font-weight: bolder; |
|
|
margin-left: 10rpx; |
|
|
margin-left: 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right { |
|
|
.discussion .header .right { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
@ -41,36 +46,43 @@ page { |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .issue { |
|
|
.discussion .header .right .issue { |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
color: #333; |
|
|
color: #333; |
|
|
padding: 0 25rpx; |
|
|
padding: 0 25rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .project { |
|
|
.discussion .header .right .project { |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
color: #333; |
|
|
color: #333; |
|
|
padding: 0 25rpx; |
|
|
padding: 0 25rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .select { |
|
|
.discussion .header .right .select { |
|
|
font-weight: bolder; |
|
|
font-weight: bolder; |
|
|
color: #F40D0D; |
|
|
color: #f40d0d; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .select-tab { |
|
|
.discussion .header .right .select-tab { |
|
|
width:32rpx; |
|
|
width: 32rpx; |
|
|
height:6rpx; |
|
|
height: 6rpx; |
|
|
background:#F40D0D; |
|
|
background: #f40d0d; |
|
|
border-radius:3rpx; |
|
|
border-radius: 3rpx; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 35rpx; |
|
|
left: 35rpx; |
|
|
bottom: 10rpx; |
|
|
bottom: 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .hover-view { |
|
|
.discussion .header .right .hover-view { |
|
|
background: #f7f7f7; |
|
|
background: #f7f7f7; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .select-tab.issue-select { |
|
|
.discussion .header .right .select-tab.issue-select { |
|
|
transition: left 0.3s linear; |
|
|
transition: left 0.3s linear; |
|
|
left: 40rpx; |
|
|
left: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.discussion .header .right .select-tab.project-select { |
|
|
.discussion .header .right .select-tab.project-select { |
|
|
transition: left 0.3s linear; |
|
|
transition: left 0.3s linear; |
|
|
left: 145rpx; |
|
|
left: 145rpx; |
|
@ -89,14 +101,15 @@ page { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.addIssue { |
|
|
.addIssue { |
|
|
width: 120rpx; |
|
|
width: 196rpx; |
|
|
height: 120rpx; |
|
|
height: 232rpx; |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
bottom: 10rpx; |
|
|
bottom: 30%; |
|
|
right: 10rpx; |
|
|
right: 14rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.addIssue image { |
|
|
.addIssue image { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
object-fit: cover; |
|
|
object-fit: cover; |
|
|
} |
|
|
} |
|
|