Browse Source

优化半圆导航栏大小

qinzhipeng_v@didiglobal.com 4 years ago
parent
commit
1a70abcc84
1 changed files with 6 additions and 5 deletions
  1. 6 5
      src/components/newLayout/Head.vue

+ 6 - 5
src/components/newLayout/Head.vue

@@ -248,17 +248,17 @@ export default {
   width:25px;height:50px;border-radius: 0 50px 50px 0;line-height:50px;background: #6cb5ff; position: absolute; bottom: 172px; left: 0;border: 1px solid #6cb5ff;animation:myfirsts 0.5s;
 }
 .nav-div2 {
-  bottom: 122px; width:70px; height:150px; line-height:150px;border-radius: 0 80px 80px 0;;background: #6cb5ff; position: absolute; left: 0;animation:myfirst 1s;
+  bottom: 137px; width:60px; height:120px; line-height:120px;border-radius: 0 80px 80px 0;;background: #6cb5ff; position: absolute; left: 0;animation:myfirst 1s;
 }
 @keyframes myfirst
 {
 	from {bottom: 172px; width:25px; height:50px; line-height:50px;}
-	to {bottom: 122px; width:70px; height:150px; line-height:150px;}
+	to {bottom: 137px; width:60px; height:120px; line-height:120px;}
 }
 
 @keyframes myfirsts
 {
-	from {bottom: 122px; width:70px; height:150px; line-height:150px;}
+	from {bottom: 137px; width:60px; height:120px; line-height:120px;}
   to {bottom: 172px; width:25px; height:50px; line-height:50px;}
 }
 
@@ -281,8 +281,8 @@ export default {
 }
 .div-child {
   text-align: right;
-  margin-right: 24px;
-  line-height: 75px;
+  margin-right: 19px;
+  line-height: 61px;
   cursor: pointer;
   opacity: 1;
   animation:myfirs 3s;
@@ -292,6 +292,7 @@ export default {
 	from {opacity: 0}
   to {opacity: 1}
 }
+
 .nav-circular {
   position: absolute;
   left: 0;