beizhu

src/components/music.vue

@@ -56,8 +56,8 @@ export default {
     position: fixed;
     top: 0.09rem;
     right: 0.09rem;
-    width: 0.24rem;
-    height: 0.24rem;
+    width: 0.5rem;
+    height: 0.5rem;
     border-radius: 50%;
     z-index: 10;
 

src/views/vote/signup.vue

@@ -174,23 +174,24 @@ export default {
 <style lang='scss' scoped>
 .context {
   width: 100%;
-  height: 100%;
+  // height: 100%;
   // background-color: rgba(209, 220, 228, 1);
   display: flex;
   justify-content: center;
 
   .ContextBox {
     width: 94%;
-    height: 5.85rem;
+    // height: 5.85rem;
     border-radius: 0.06rem;
     background-color: rgba(255, 255, 255, 1);
-    margin-top: 0.12rem;
+    margin: 0.12rem 0;
+    padding: 0.29rem 0 0 0;
     position: relative;
 
     .uploadimg {
       display: flex;
       flex-direction: row;
-      padding: 0.3rem 0 0.16rem 0.08rem;
+      padding: 0 0 0.16rem 0.08rem;
 
       img {
         width: 0.22rem;
@@ -318,10 +319,10 @@ export default {
     }
 
     .inputbox1 {
-      width: 84%;
+      width: 92%;
       height: 0.4rem;
       background-color: rgba(220, 229, 236, 0.63);
-      margin-left: calc(8%);
+      margin-left: calc(4%);
       margin-bottom: 0.08rem;
       border-radius: 0.06rem;
       input {
@@ -341,10 +342,10 @@ export default {
     }
 
     .inputbox2 {
-      width: 84%;
+      width: 92%;
       height: 0.4rem;
       background-color: rgba(232, 224, 220, 1);
-      margin-left: calc(8%);
+      margin-left: calc(4%);
       margin-bottom: 0.08rem;
       border-radius: 0.06rem;
       input {
@@ -363,17 +364,17 @@ export default {
       }
     }
     .textareabox1 {
-      width: 84%;
+      width: 92%;
       height: 0.8rem;
       background-color: rgba(220, 229, 236, 0.63);
       border-radius: 0.06rem;
-      margin-left: calc(8%);
+      margin-left: calc(4%);
       .addressarea {
         width: 100%;
         height: 100%;
         margin-top: 0.08rem;
         background-color: rgba(255, 255, 255, 0);
-        text-indent: 0.12rem;
+        margin-left: 0.12rem;
       }
       textarea::-webkit-input-placeholder {
         font-size: 0.16rem;
@@ -385,17 +386,17 @@ export default {
     }
 
     .textareabox2 {
-      width: 84%;
+      width: 92%;
       height: 0.8rem;
       background-color: rgba(232, 224, 220, 1);
       border-radius: 0.06rem;
-      margin-left: calc(8%);
+      margin-left: calc(4%);
       .addressarea {
         width: 100%;
         height: 100%;
         margin-top: 0.08rem;
         background-color: rgba(255, 255, 255, 0);
-        text-indent: 0.12rem;
+        margin-left: 0.12rem;
       }
       textarea::-webkit-input-placeholder {
         font-size: 0.16rem;
@@ -411,9 +412,11 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
-      position: absolute;
-      left: 0;
-      bottom: 0.32rem;
+      padding: 0.32rem 0;
+      // padding-top: 0.32rem;
+      // position: fixed;
+      // left: 0;
+      // bottom: 0.32rem;
 
       .SubmitBtn1 {
         width: 44%;
@@ -427,6 +430,7 @@ export default {
         font-weight: bolder;
         color: rgba(255, 255, 255, 1);
         line-height: 0.28rem;
+        // padding-top: 0.32rem;
       }
       .SubmitBtn2 {
         width: 44%;
@@ -440,6 +444,7 @@ export default {
         font-weight: bolder;
         color: rgba(255, 255, 255, 1);
         line-height: 0.28rem;
+            margin-top: 1rem;
       }
     }
   }