beizhu

src/components/music.vue

 
   .musicbox {
     position: fixed;
-    top: 0.09rem;
+    top: 0.6rem;
     right: 0.09rem;
     width: 0.35rem;
     height: 0.35rem;

src/views/vote/index.vue

     color: white;
     line-height: 0.28rem;
     position: fixed;
-    bottom: 0.3rem;
+    bottom: 0.2rem;
     left: calc(12.5%);
   }
   .classtwo {
     color: white;
     line-height: 0.28rem;
     position: fixed;
-    bottom: 0.3rem;
+    bottom: 0.2rem;
     left: calc(12.5%);
   }
 

src/views/vote/signup.vue

 
 <script>
 import { createNamespacedHelpers } from "vuex";
-import { Toast } from 'vant';
+import { Toast } from "vant";
 const {
   mapState: mapVoteState,
   mapActions: mapVoteActions
 export default {
   name: "signup",
   data() {
-    return{
+    return {
       messagenum: 0,
       postData: {
         photo: "",
         addr: "",
         message: ""
       },
-      uploadimg: '',
+      uploadimg: "",
       actid: "",
       yttjlove:
         "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_love.png",
       yjspen:
         "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/xiegenjin.png",
       yjsphone:
-        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/dianhua.png",
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/dianhua.png"
     };
   },
   computed: {
     ...mapVoteState({
       user: x => x.user,
-      theme: x => x.theme,
+      theme: x => x.theme
     })
   },
   created() {
     if (this.$route.params.actid != "") {
       this.actid = this.$route.params.actid;
       this.getActivity({
-        actid: this.actid,
+        actid: this.actid
       }).then(() => {
-        if (this.theme === 1){
-          this.uploadimg = 'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/uploadimg.png'
+        if (this.theme === 1) {
+          this.uploadimg =
+            "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/uploadimg.png";
         } else {
-          this.uploadimg = 'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjsuploadimg.png'
+          this.uploadimg =
+            "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjsuploadimg.png";
         }
-      })
+      });
     } else {
       alert("不存在对应的活动信息！");
     }
   },
   methods: {
-    ...mapVoteActions(["voteMember","getActivity"]),
+    ...mapVoteActions(["voteMember", "getActivity"]),
     onRead(file) {
       let that = this;
       this.isLoading = true;
       this.messagenum = this.postData.message.length;
     },
     SubmitBtn() {
-      if(this.postData.photo == ""){
+      if (this.postData.photo == "") {
         Toast.fail({
           duration: 2000, // 持续展示 toast
           forbidClick: true, // 禁用背景点击
           message: "请先上传您的全家福！"
-        })
-        return false
+        });
+        return false;
       }
-      if(this.postData.name == ""){
+      if (this.postData.name == "") {
         Toast.fail({
           duration: 2000, // 持续展示 toast
           forbidClick: true, // 禁用背景点击
           message: "请输入您的姓名！"
-        })
-        return false
+        });
+        return false;
       }
-      if(this.postData.phone == ""){
+      if (this.postData.phone == "") {
         Toast.fail({
           duration: 2000, // 持续展示 toast
           forbidClick: true, // 禁用背景点击
           message: "请输入您的联系方式！"
-        })
-        return false
+        });
+        return false;
       }
-      var myreg=/^[1][0-9]{10}$/;
+      var myreg = /^[1][0-9]{10}$/;
       if (!myreg.test(this.postData.phone)) {
         Toast.fail({
           duration: 2000, // 持续展示 toast
           forbidClick: true, // 禁用背景点击
           message: "手机号格式不正确！"
-        })
-        return false
+        });
+        return false;
       }
 
       this.voteMember({
       width: 90%;
       height: 1.17rem;
       position: relative;
+      background: rgba(220, 229, 236, 0.63);
+      margin: 0 auto;
+      border-radius: 0.06rem;
 
       .content_txt {
-        width: 95%;
-        height: 100%;
-        padding: 2% 3% 0 3%;
-        margin-left: 5%;
+        width: 93%;
+        height: 0.89rem;
         border: none;
         font-size: 0.16rem;
         font-weight: bold;
-        background: rgba(220, 229, 236, 0.63);
+        background: rgba(220, 229, 236, 0);
         line-height: 0.22rem;
-        border-radius: 0.06rem;
         font-weight: bold;
-        color: rgba(112, 125, 138, 1);
+        color: rgba(112,125,138,0.96);
+        padding-top: 0.08rem;
+        margin-left: calc(4.5%);
+        overflow-y: scroll;
+
+
       }
       .number {
         position: absolute;
-        bottom: 0;
-        right: -0.1rem;
+        bottom: 0.02rem;
+        right: 0.05rem;
 
         #textNum {
-          color: #707d8a;
+          color: rgba(112,125,138,0.96);
           font-size: 0.14rem;
-          font-family: PingFangSC-Medium;
           font-weight: bolder;
           line-height: 0.2rem;
         }
         .totalnum {
           color: #b8c2cb;
           font-size: 0.14rem;
-          font-family: PingFangSC-Medium;
           font-weight: bolder;
           line-height: 0.2rem;
         }
         height: 100%;
         background-color: rgba(255, 255, 255, 0);
         text-indent: 0.12rem;
+        font-size: 0.16rem;
+        font-weight: bolder;
       }
     }
     .textareabox {
         margin-top: 0.08rem;
         background-color: rgba(255, 255, 255, 0);
         margin-left: 0.12rem;
+        font-size: 0.16rem;
+        font-weight: bolder;
       }
     }
     .btn {
         border-radius: 0.23rem;
         border: none;
         font-size: 0.2rem;
-        font-family: PingFangSC-Medium;
         font-weight: bolder;
         color: rgba(255, 255, 255, 1);
         line-height: 0.28rem;
   }
 }
 
-.theme1{
-    background: rgba(209,220,228,1);
+.theme1 {
+  background: rgba(209, 220, 228, 1);
   // background-image: url("../../assets/yttjbg.png");
-  .desc{
+  .desc {
     font-size: 0.16rem;
     font-weight: bolder;
     color: rgba(112, 125, 138, 1);
     line-height: 0.22rem;
     padding-left: 0.03rem;
   }
-  .cinput{
+  .cinput {
     background-color: rgba(220, 229, 236, 0.63);
+    color: rgba(117, 132, 146, 0.4);
   }
-  .cbtn{
+  .cbtn {
     background: rgba(166, 184, 201, 1);
     box-shadow: 0px 2px 10px 0px rgba(207, 217, 227, 1);
     margin-top: 0.24rem;
   }
   input::-webkit-input-placeholder {
     font-size: 0.16rem;
-    font-family: PingFangSC-Medium;
     font-weight: bolder;
     color: rgba(117, 132, 146, 0.4);
     line-height: 0.22rem;
   }
   textarea::-webkit-input-placeholder {
     font-size: 0.16rem;
-    font-family: PingFangSC-Medium;
     font-weight: bolder;
-    color: rgba(112, 125, 138, 0.4);
+    color: rgba(112,125,138,1);
     line-height: 0.22rem;
   }
 }
 
-.theme2{
+.theme2 {
   // background-image: url("../../assets/bgimg.jpg");
-      background: linear-gradient(#97796c,#705443);
-  .desc{
+  background: linear-gradient(#97796c, #705443);
+  .desc {
     font-size: 0.16rem;
     font-weight: bolder;
     color: rgba(112, 84, 75, 1);
     line-height: 0.22rem;
     padding-left: 0.03rem;
   }
-  .cinput{
+  .cinput {
     background-color: rgba(232, 224, 220, 1);
+    color: rgba(139, 116, 102, 0.4);
   }
-  .cbtn{
+  .cbtn {
     background: rgba(173, 145, 129, 1);
     box-shadow: 0px 2px 10px 0px rgba(120, 108, 101, 0.46);
     margin-top: 1rem;
   }
   input::-webkit-input-placeholder {
     font-size: 0.16rem;
-    font-family: PingFangSC-Medium;
     font-weight: bolder;
     color: rgba(139, 116, 102, 0.4);
     line-height: 0.22rem;
   }
   textarea::-webkit-input-placeholder {
     font-size: 0.16rem;
-    font-family: PingFangSC-Medium;
     font-weight: bolder;
     color: rgba(139, 116, 102, 0.4);
     line-height: 0.22rem;