|
@@ -27,9 +27,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="an-bottom">
|
|
|
- <div id="leftLine" style="width:574px;height:350px;margin-right:;24px;">
|
|
|
+ <div id="leftLine" style="width:45%;height:350px;margin-right:;24px;">
|
|
|
</div>
|
|
|
- <div id="rightLine" style="width:573px;height:350px;"></div>
|
|
|
+ <div id="rightLine" style="width:45%;height:350px;"></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="side-r" v-if="data.isExecuted!=0">
|
|
@@ -216,7 +216,7 @@ export default {
|
|
|
margin-bottom: 44px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ overflow: hidden;
|
|
|
.snapshotss-cont2-box1,
|
|
|
.snapshotss-cont2-box2 {
|
|
|
flex:1;
|
|
@@ -228,60 +228,59 @@ export default {
|
|
|
padding-left: 24px;
|
|
|
}
|
|
|
.snapshotss-cont2-box1 {
|
|
|
-
|
|
|
margin-right: 12px;
|
|
|
- span:nth-of-type(1) {
|
|
|
- height: 22px;
|
|
|
- font-size: 14px;
|
|
|
- color: rgba(100, 108, 115, 1);
|
|
|
- line-height: 19px;
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
- span:not(:first-child) {
|
|
|
- height: 28px;
|
|
|
- background: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 16px;
|
|
|
- font-size: 14px;
|
|
|
- color: rgba(31, 36, 41, 1);
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding: 0 6px 0 12px;
|
|
|
- margin-right: 20px;
|
|
|
- img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- margin-left: 8px;
|
|
|
+ span:nth-of-type(1) {
|
|
|
+ height: 22px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgba(100, 108, 115, 1);
|
|
|
+ line-height: 19px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ span:not(:first-child) {
|
|
|
+ height: 28px;
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 16px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgba(31, 36, 41, 1);
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 6px 0 12px;
|
|
|
+ margin-right: 20px;
|
|
|
+ img {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-left: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .span1 {
|
|
|
+ border: 1px solid rgba(52, 199, 36, 1);
|
|
|
+ }
|
|
|
+ .span2 {
|
|
|
+ border: 1px solid rgba(245, 78, 69, 1);
|
|
|
}
|
|
|
- }
|
|
|
- .span1 {
|
|
|
- border: 1px solid rgba(52, 199, 36, 1);
|
|
|
- }
|
|
|
- .span2 {
|
|
|
- border: 1px solid rgba(245, 78, 69, 1);
|
|
|
- }
|
|
|
}
|
|
|
.snapshotss-cont2-box2 {
|
|
|
- span:nth-of-type(1),
|
|
|
- span:nth-of-type(3) {
|
|
|
- height: 22px;
|
|
|
- font-size: 14px;
|
|
|
- color: rgba(100, 108, 115, 1);
|
|
|
- line-height: 19px;
|
|
|
- margin-right: 16px;
|
|
|
- }
|
|
|
- span:nth-of-type(2),
|
|
|
- span:nth-of-type(4) {
|
|
|
- height: 32px;
|
|
|
- font-size: 24px;
|
|
|
- font-family: Persagy;
|
|
|
- color: rgba(31, 36, 41, 1);
|
|
|
- line-height: 29px;
|
|
|
- margin-right: 64px;
|
|
|
- }
|
|
|
- span:nth-of-type(3) {
|
|
|
- margin-right: 16px;
|
|
|
- }
|
|
|
+ span:nth-of-type(1),
|
|
|
+ span:nth-of-type(3) {
|
|
|
+ height: 22px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: rgba(100, 108, 115, 1);
|
|
|
+ line-height: 19px;
|
|
|
+ margin-right: 16px;
|
|
|
+ }
|
|
|
+ span:nth-of-type(2),
|
|
|
+ span:nth-of-type(4) {
|
|
|
+ height: 32px;
|
|
|
+ font-size: 24px;
|
|
|
+ font-family: Persagy;
|
|
|
+ color: rgba(31, 36, 41, 1);
|
|
|
+ line-height: 29px;
|
|
|
+ margin-right: 64px;
|
|
|
+ }
|
|
|
+ span:nth-of-type(3) {
|
|
|
+ margin-right: 16px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.side-r {
|
|
@@ -324,17 +323,7 @@ export default {
|
|
|
.an-bottom{
|
|
|
margin-top: 45px;
|
|
|
display: flex;
|
|
|
- #leftLine,#rightLine{
|
|
|
- flex:1;
|
|
|
- }
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
-<style lang="scss" scoped>
|
|
|
-.an-content{
|
|
|
- .el-tag{
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|