support-game
/
wechat
Watch 0
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Activity
Browse Source

beizhu

陈冉 6 years ago
parent
4d29b4f51c
commit
ee2eca7137
5 changed files with 276 additions and 248 deletions
Unified View Show Diff Stats
  1. 14
    17
      src/App.vue
  2. 12
    12
      src/store/vote.js
  3. 4
    4
      src/views/vote/index.vue
  4. 16
    0
      src/views/vote/list.vue
  5. 230
    215
      src/views/vote/signup.vue

+ 14
- 17
src/App.vue View File

1 
 <template>
 1 
 <template>
2 
   <div id="app" v-if="showPage">
 2 
   <div id="app" v-if="showPage">
3 
     <router-view/>
 3 
     <router-view/>
4 
-    <music :url="activity.Music"> </music>
4 
+    <music :url="activity.Music"></music>
5 
   </div>
 5 
   </div>
6 
 </template>
 6 
 </template>
7
7
8 
 <script>
 8 
 <script>
9 
-import './assets/css/reset.css'
10 
-import { createNamespacedHelpers } from 'vuex'
11 
-import music from './components/music.vue'
12 
-const { mapActions: mapIndexActions } = createNamespacedHelpers('vote')
13 
-const {
14 
-  mapState: mapactivityState,
15 
-} = createNamespacedHelpers("vote");
9 
+import "./assets/css/reset.css";
10 
+import { createNamespacedHelpers } from "vuex";
11 
+import music from "./components/music.vue";
12 
+const { mapActions: mapIndexActions } = createNamespacedHelpers("vote");
13 
+const { mapState: mapactivityState } = createNamespacedHelpers("vote");
16
14
17 
 export default {
 15 
 export default {
18 
-  data () {
16 
+  data() {
19 
     return {
 17 
     return {
20 
-      showPage: true,
21 
-    }
18 
+      showPage: true
19 
+    };
22 
   },
 20 
   },
23 
   components: {
 21 
   components: {
24 
-    music,
22 
+    music
25 
   },
 23 
   },
26 
   computed: {
 24 
   computed: {
27 
     ...mapactivityState({
 25 
     ...mapactivityState({
28 
-      activity: s => s.activity || {},
26 
+      activity: s => s.activity || {}
29 
     })
 27 
     })
30 
   },
 28 
   },
31 
-  created () {
29 
+  created() {
32 
     // if (location.search && this.toolClass.UrlSearch(location.search).code) {
 30 
     // if (location.search && this.toolClass.UrlSearch(location.search).code) {
33 
     //   this.code = this.toolClass.UrlSearch(location.search).code
 31 
     //   this.code = this.toolClass.UrlSearch(location.search).code
34 
     //   let oldCode = localStorage.getItem('code')
 32 
     //   let oldCode = localStorage.getItem('code')
44 
     // } else {
 42 
     // } else {
45 
     //   this.toolClass.getCode('wx32e2e8c81f66070e')
 43 
     //   this.toolClass.getCode('wx32e2e8c81f66070e')
46 
     // }
 44 
     // }
47 
-
48 
   },
 45 
   },
49 
   methods: {
 46 
   methods: {
50 
-    ...mapIndexActions(['user'])
47 
+    ...mapIndexActions(["user"])
51 
   }
 48 
   }
52 
-}
49 
+};
53 
 </script>
 50 
 </script>
54
51
55
52

+ 12
- 12
src/store/vote.js View File

11 
     list: [],
 11 
     list: [],
12 
   },
 12 
   },
13 
   mutations: {
 13 
   mutations: {
14 
-    updateActivity (state, data) {
14 
+    updateActivity(state, data) {
15 
       state.activity = data || {}
 15 
       state.activity = data || {}
16 
     },
 16 
     },
17 
-    updateUser (state, data) {
17 
+    updateUser(state, data) {
18 
       state.user = data
 18 
       state.user = data
19 
     },
 19 
     },
20 
-    updateDetail (state, data) {
20 
+    updateDetail(state, data) {
21 
       state.detail = data || {}
 21 
       state.detail = data || {}
22 
     },
 22 
     },
23 
-    updateList (state, data) {
23 
+    updateList(state, data) {
24 
       state.list = data || []
 24 
       state.list = data || []
25 
     },
 25 
     },
26 
-    updateTopList (state, data) {
26 
+    updateTopList(state, data) {
27 
       state.toplist = data || []
 27 
       state.toplist = data || []
28 
     },
 28 
     },
29 
   },
 29 
   },
30 
   actions: {
 30 
   actions: {
31 
-    getActivity ({ commit }, {actid}) {
31 
+    getActivity({ commit }, { actid }) {
32 
       return new Promise((resolve, reject) => {
 32 
       return new Promise((resolve, reject) => {
33 
         ajax({
 33 
         ajax({
34 
           ...api.voteing.info,
 34 
           ...api.voteing.info,
41 
         }).catch(reject)
 41 
         }).catch(reject)
42 
       })
 42 
       })
43 
     },
 43 
     },
44 
-    getMember ({ commit }, payload) {
44 
+    getMember({ commit }, payload) {
45 
       return new Promise((resolve, reject) => {
 45 
       return new Promise((resolve, reject) => {
46 
         ajax({
 46 
         ajax({
47 
           ...api.voteing.detail,
 47 
           ...api.voteing.detail,
55 
         }).catch(reject)
 55 
         }).catch(reject)
56 
       })
 56 
       })
57 
     },
 57 
     },
58 
-    vote (m, payload) {
58 
+    vote(m, payload) {
59 
       return new Promise((resolve, reject) => {
 59 
       return new Promise((resolve, reject) => {
60 
         ajax({
 60 
         ajax({
61 
           ...api.voteing.vote,
 61 
           ...api.voteing.vote,
71 
         }).catch(reject)
 71 
         }).catch(reject)
72 
       })
 72 
       })
73 
     },
 73 
     },
74 
-    voteMember ({ commit }, payload) {
74 
+    voteMember({ commit }, payload) {
75 
       return new Promise((resolve, reject) => {
 75 
       return new Promise((resolve, reject) => {
76 
         ajax({
 76 
         ajax({
77 
           ...api.voteing.registe,
 77 
           ...api.voteing.registe,
87 
         }).catch(reject)
 87 
         }).catch(reject)
88 
       })
 88 
       })
89 
     },
 89 
     },
90 
-    getUser ({ commit }, { code }) {
90 
+    getUser({ commit }, { code }) {
91 
       return new Promise((resolve, reject) => {
 91 
       return new Promise((resolve, reject) => {
92 
         ajax({
 92 
         ajax({
93 
           ...api.voteing.user,
 93 
           ...api.voteing.user,
100 
         }).catch(reject)
 100 
         }).catch(reject)
101 
       })
 101 
       })
102 
     },
 102 
     },
103 
-    getList ({ commit }, payload) {
103 
+    getList({ commit }, payload) {
104 
       return new Promise((resolve, reject) => {
 104 
       return new Promise((resolve, reject) => {
105 
         ajax({
 105 
         ajax({
106 
           ...api.voteing.list,
 106 
           ...api.voteing.list,
114 
         }).catch(reject)
 114 
         }).catch(reject)
115 
       })
 115 
       })
116 
     },
 116 
     },
117 
-    getTopList ({ commit }, payload) {
117 
+    getTopList({ commit }, payload) {
118 
       return new Promise((resolve, reject) => {
 118 
       return new Promise((resolve, reject) => {
119 
         ajax({
 119 
         ajax({
120 
           ...api.voteing.list,
 120 
           ...api.voteing.list,

+ 4
- 4
src/views/vote/index.vue View File

17 
   data() {
 17 
   data() {
18 
     return {
 18 
     return {
19 
       enter: true,
 19 
       enter: true,
20 
-      classone: 'classone',
21 
-      classtwo: 'classtwo',
20 
+      classone: "classone",
21 
+      classtwo: "classtwo",
22 
       actid: this.$route.query.actid
 22 
       actid: this.$route.query.actid
23 
     };
 23 
     };
24 
   },
 24 
   },
25 
   created() {
 25 
   created() {
26 
     if (this.$route.query.actid == 1) {
 26 
     if (this.$route.query.actid == 1) {
27 
-      this.enter =true;
27 
+      this.enter = true;
28 
     } else if (this.$route.query.actid == 2) {
 28 
     } else if (this.$route.query.actid == 2) {
29 
-      this.enter =false;
29 
+      this.enter = false;
30 
     }
 30 
     }
31 
     this.getActivity({
 31 
     this.getActivity({
32 
       actid: this.actid
 32 
       actid: this.actid

+ 16
- 0
src/views/vote/list.vue View File

176 
       }
 176 
       }
177 
     },
 177 
     },
178
178
179 
+       onLoad() {
180 
+      // 异步更新数据
181 
+      setTimeout(() => {
182 
+        for (let i = 0; i < 10; i++) {
183 
+          this.list.push(this.list.length + 1);
184 
+        }
185 
+        // 加载状态结束
186 
+        this.loading = false;
187 
+
188 
+        // 数据全部加载完成
189 
+        if (this.list.length >= 40) {
190 
+          this.finished = true;
191 
+        }
192 
+      }, 2000);
193 
+    },
194 
+
179 
     ...mapactivityActions(["getList", "getTopList", "getActivity", "vote"]),
 195 
     ...mapactivityActions(["getList", "getTopList", "getActivity", "vote"]),
180 
     newlist() {
 196 
     newlist() {
181 
       this.getList({
 197 
       this.getList({

+ 230
- 215
src/views/vote/signup.vue View File

13 
         <span :class="desc?desc1:desc2">寄语</span>
 13 
         <span :class="desc?desc1:desc2">寄语</span>
14 
       </div>
 14 
       </div>
15 
       <div class="input_content" v-if="writeword">
 15 
       <div class="input_content" v-if="writeword">
16 
-        <textarea id="textArea" @input="messageWrite" maxlength="200" v-model="postData.message" class="content_txt" ></textarea>
16 
+        <textarea
17 
+          id="textArea"
18 
+          @input="messageWrite"
19 
+          maxlength="200"
20 
+          v-model="postData.message"
21 
+          class="content_txt"
22 
+        ></textarea>
17 
         <span class="number">
 23 
         <span class="number">
18 
           <span id="textNum">{{messagenum}}</span>
 24 
           <span id="textNum">{{messagenum}}</span>
19 
-          <span class="totalnum" >/200</span>
25 
+          <span class="totalnum">/200</span>
20 
         </span>
 26 
         </span>
21 
       </div>
 27 
       </div>
22 
       <div class="ContactInformation">
 28 
       <div class="ContactInformation">
23 
-          <img :src="img?yttjphone:yjsphone"/>
24 
-          <span :class="desc?desc1:desc2">联系方式</span>
29 
+        <img :src="img?yttjphone:yjsphone">
30 
+        <span :class="desc?desc1:desc2">联系方式</span>
25 
       </div>
 31 
       </div>
26 
       <div :class="desc?inputbox1:inputbox2">
 32 
       <div :class="desc?inputbox1:inputbox2">
27 
-        <input placeholder="输入手机号" v-model="postData.phone"/>
33 
+        <input placeholder="输入手机号" v-model="postData.phone">
28 
       </div>
 34 
       </div>
29 
-
35 
+
30 
       <div :class="desc?inputbox1:inputbox2">
 36 
       <div :class="desc?inputbox1:inputbox2">
31 
-        <input placeholder="输入姓名" v-model="postData.name"/>
32 
-      </div>
37 
+        <input placeholder="输入姓名" v-model="postData.name">
38 
+      </div>
33 
       <div :class="desc?textareabox1:textareabox2" v-if="address">
 39 
       <div :class="desc?textareabox1:textareabox2" v-if="address">
34 
-      <textarea class="addressarea" placeholder="所在社区" ></textarea>
40 
+        <textarea class="addressarea" placeholder="所在社区"></textarea>
35 
       </div>
 41 
       </div>
36 
       <div class="btn">
 42 
       <div class="btn">
37 
-          <button :class="desc?SubmitBtn1:SubmitBtn2" @click="SubmitBtn">提交</button>
43 
+        <button :class="desc?SubmitBtn1:SubmitBtn2" @click="SubmitBtn">提交</button>
38 
       </div>
 44 
       </div>
39 
     </div>
 45 
     </div>
40 
   </div>
 46 
   </div>
41 
 </template>
 47 
 </template>
42
48
43 
 <script>
 49 
 <script>
44 
-import { createNamespacedHelpers } from 'vuex';
50 
+import { createNamespacedHelpers } from "vuex";
45 
 import BgImg from "../../assets/bgimg.jpg";
 51 
 import BgImg from "../../assets/bgimg.jpg";
46 
 import BgImage from "../../assets/yttjbg.png";
 52 
 import BgImage from "../../assets/yttjbg.png";
47 
-const {mapState: mapVoteState, mapActions: mapVoteActions} = createNamespacedHelpers('vote')
53 
+const {
54 
+  mapState: mapVoteState,
55 
+  mapActions: mapVoteActions
56 
+} = createNamespacedHelpers("vote");
48 
 export default {
 57 
 export default {
49 
-  name: 'signup',
58 
+  name: "signup",
50 
   data() {
 59 
   data() {
51 
     return {
 60 
     return {
52 
-      writeword:false,
53 
-      address:false,
54 
-      desc:true,
55 
-      desc1:'desc1',
56 
-      desc2:'desc2',
57 
-      inputbox1:'inputbox1',
58 
-      inputbox2:'inputbox2',
59 
-      textareabox1:'textareabox1',
60 
-      textareabox2:'textareabox2',
61 
-      SubmitBtn1:'SubmitBtn1',
62 
-      SubmitBtn2:'SubmitBtn2',
61 
+      writeword: false,
62 
+      address: false,
63 
+      desc: true,
64 
+      desc1: "desc1",
65 
+      desc2: "desc2",
66 
+      inputbox1: "inputbox1",
67 
+      inputbox2: "inputbox2",
68 
+      textareabox1: "textareabox1",
69 
+      textareabox2: "textareabox2",
70 
+      SubmitBtn1: "SubmitBtn1",
71 
+      SubmitBtn2: "SubmitBtn2",
63 
       coverImgUrl: true,
 72 
       coverImgUrl: true,
64 
       BgImg,
 73 
       BgImg,
65 
       BgImage,
 74 
       BgImage,
66 
-      img:true,
75 
+      img: true,
67 
       isLoading: false,
 76 
       isLoading: false,
68 
-      uploadimg1: 'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/uploadimg.png',
69 
-      uploadimg2: 'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjsuploadimg.png',
70 
-      yttjlove:'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_love.png',
71 
-      yttjpen:'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_pen.png',
72 
-      yttjphone:'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_phone.png',
73 
-      yjslove:'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjs_icon_love.png',
74 
-      yjspen:'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjs_icon_pen.png',
75 
-      yjsphone:'https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjs_icon_phone.png',
77 
+      uploadimg1:
78 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/uploadimg.png",
79 
+      uploadimg2:
80 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjsuploadimg.png",
81 
+      yttjlove:
82 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_love.png",
83 
+      yttjpen:
84 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_pen.png",
85 
+      yttjphone:
86 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yttj_icon_phone.png",
87 
+      yjslove:
88 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjs_icon_love.png",
89 
+      yjspen:
90 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjs_icon_pen.png",
91 
+      yjsphone:
92 
+        "https://spaceofcheng.oss-cn-beijing.aliyuncs.com/voting/yjs_icon_phone.png",
76 
       messagenum: 0,
 93 
       messagenum: 0,
77 
       postData: {
 94 
       postData: {
78 
-        photo: '',
79 
-        phone: '',
80 
-        name: '',
81 
-        addr: '',
82 
-        message: '',
95 
+        photo: "",
96 
+        phone: "",
97 
+        name: "",
98 
+        addr: "",
99 
+        message: ""
83 
       },
 100 
       },
84 
-      actid: '',
101 
+      actid: ""
85 
     };
 102 
     };
86 
   },
 103 
   },
87 
   computed: {
 104 
   computed: {
89 
       user: x => x.user
 106 
       user: x => x.user
90 
     })
 107 
     })
91 
   },
 108 
   },
92 
-  created () {
93 
-    this.actid = this.$route.params.actid
94 
-    if(this.actid==1){
109 
+  created() {
110 
+    this.actid = this.$route.params.actid;
111 
+    if (this.actid == 1) {
95 
       this.coverImgUrl = true;
 112 
       this.coverImgUrl = true;
96 
-      this.img=true;
97 
-      this.address=false;
98 
-      this.writeword=true;
99 
-      this.desc=true;
100 
-    }else if(this.actid==2){
113 
+      this.img = true;
114 
+      this.address = false;
115 
+      this.writeword = true;
116 
+      this.desc = true;
117 
+    } else if (this.actid == 2) {
101 
       this.coverImgUrl = false;
 118 
       this.coverImgUrl = false;
102 
-      this.img=false;
103 
-      this.address=true;
104 
-      this.writeword=false;
105 
-      this.desc=false;
119 
+      this.img = false;
120 
+      this.address = true;
121 
+      this.writeword = false;
122 
+      this.desc = false;
106 
     }
 123 
     }
107 
-    if(this.$route.params.actid != '') {
108 
-      this.actid = this.$route.params.actid
124 
+    if (this.$route.params.actid != "") {
125 
+      this.actid = this.$route.params.actid;
109 
     } else {
 126 
     } else {
110 
-      alert("不存在对应的活动信息！")
127 
+      alert("不存在对应的活动信息！");
111 
     }
 128 
     }
112 
   },
 129 
   },
113 
   methods: {
 130 
   methods: {
114 
-    ...mapVoteActions([
115 
-      'voteMember',
116 
-    ]),
117 
-    onRead (file) {
131 
+    ...mapVoteActions(["voteMember"]),
132 
+    onRead(file) {
118 
       console.log(file);
 133 
       console.log(file);
119 
-      let that = this
120 
-      this.isLoading = true
134 
+      let that = this;
135 
+      this.isLoading = true;
121 
       let reader = new FileReader();
 136 
       let reader = new FileReader();
122 
       reader.readAsDataURL(file.file);
 137 
       reader.readAsDataURL(file.file);
123 
-      reader.onload = function (e) {
138 
+      reader.onload = function(e) {
124 
         let data = e.target.result;
 139 
         let data = e.target.result;
125 
         //加载图片获取图片真实宽度和高度
 140 
         //加载图片获取图片真实宽度和高度
126 
         let image = new Image();
 141 
         let image = new Image();
127 
         image.src = data;
 142 
         image.src = data;
128 
-        image.onload = function () {
129 
-          that.toolClass.upload(file).then((res) => {
130 
-            that.uploadimg = res.result.url
131 
-            that.postData.photo = res.result.url
132 
-          }).catch(() => {
133 
-            that.isLoading = false
134 
-          })
143 
+        image.onload = function() {
144 
+          that.toolClass
145 
+            .upload(file)
146 
+            .then(res => {
147 
+              that.uploadimg = res.result.url;
148 
+              that.postData.photo = res.result.url;
149 
+            })
150 
+            .catch(() => {
151 
+              that.isLoading = false;
152 
+            });
135 
         };
 153 
         };
136 
       };
 154 
       };
137 
     },
 155 
     },
138 
-    messageWrite () {
139 
-      this.messagenum = this.postData.message.length
156 
+    messageWrite() {
157 
+      this.messagenum = this.postData.message.length;
140 
     },
 158 
     },
141 
-    SubmitBtn () {
159 
+    SubmitBtn() {
142 
       this.voteMember({
 160 
       this.voteMember({
143 
         actid: this.actid,
 161 
         actid: this.actid,
144 
         openid: this.user,
 162 
         openid: this.user,
145 
-        ...this.postData,
146 
-      }).then((res) => {
163 
+        ...this.postData
164 
+      }).then(res => {
147 
         this.$router.push({
 165 
         this.$router.push({
148 
           path: `/detail/${this.actid}/${res.MemberId}`
 166 
           path: `/detail/${this.actid}/${res.MemberId}`
149 
-        })
150 
-      })
151 
-    },
152 
-  },
167 
+        });
168 
+      });
169 
+    }
170 
+  }
153 
 };
 171 
 };
154 
 </script>
 172 
 </script>
155
173
157 
 .context {
 175 
 .context {
158 
   width: 100%;
 176 
   width: 100%;
159 
   height: 100%;
 177 
   height: 100%;
160 
-  background-color: rgba(209,220,228,1);
178 
+  background-color: rgba(209, 220, 228, 1);
161 
   display: flex;
 179 
   display: flex;
162 
   justify-content: center;
 180 
   justify-content: center;
163
181
182 
         font-size: 0.16rem;
 200 
         font-size: 0.16rem;
183 
         font-family: PingFangSC-Medium;
 201 
         font-family: PingFangSC-Medium;
184 
         font-weight: bolder;
 202 
         font-weight: bolder;
185 
-        color:rgba(112,125,138,1);
203 
+        color: rgba(112, 125, 138, 1);
186 
         line-height: 0.22rem;
 204 
         line-height: 0.22rem;
187 
         padding-left: 0.03rem;
 205 
         padding-left: 0.03rem;
188 
       }
 206 
       }
190 
         font-size: 0.16rem;
 208 
         font-size: 0.16rem;
191 
         font-family: PingFangSC-Medium;
 209 
         font-family: PingFangSC-Medium;
192 
         font-weight: bolder;
 210 
         font-weight: bolder;
193 
-        color:rgba(112,84,75,1);
211 
+        color: rgba(112, 84, 75, 1);
194 
         line-height: 0.22rem;
 212 
         line-height: 0.22rem;
195 
         padding-left: 0.03rem;
 213 
         padding-left: 0.03rem;
196 
       }
 214 
       }
211 
         width: 0.22rem;
 229 
         width: 0.22rem;
212 
         height: 0.2rem;
 230 
         height: 0.2rem;
213 
       }
 231 
       }
214 
-     .desc1 {
232 
+      .desc1 {
215 
         font-size: 0.16rem;
 233 
         font-size: 0.16rem;
216 
         font-family: PingFangSC-Medium;
 234 
         font-family: PingFangSC-Medium;
217 
         font-weight: bolder;
 235 
         font-weight: bolder;
218 
-        color:rgba(112,125,138,1);
236 
+        color: rgba(112, 125, 138, 1);
219 
         line-height: 0.22rem;
 237 
         line-height: 0.22rem;
220 
         padding-left: 0.03rem;
 238 
         padding-left: 0.03rem;
221 
       }
 239 
       }
223 
         font-size: 0.16rem;
 241 
         font-size: 0.16rem;
224 
         font-family: PingFangSC-Medium;
 242 
         font-family: PingFangSC-Medium;
225 
         font-weight: bolder;
 243 
         font-weight: bolder;
226 
-        color:rgba(112,84,75,1);
244 
+        color: rgba(112, 84, 75, 1);
227 
         line-height: 0.22rem;
 245 
         line-height: 0.22rem;
228 
         padding-left: 0.03rem;
 246 
         padding-left: 0.03rem;
229 
       }
 247 
       }
242 
         border: none;
 260 
         border: none;
243 
         font-size: 0.16rem;
 261 
         font-size: 0.16rem;
244 
         font-weight: bold;
 262 
         font-weight: bold;
245 
-        background:rgba(220,229,236,0.63);
263 
+        background: rgba(220, 229, 236, 0.63);
246 
         line-height: 0.22rem;
 264 
         line-height: 0.22rem;
247 
         border-radius: 0.06rem;
 265 
         border-radius: 0.06rem;
248 
-        font-weight:bold;
249 
-color:rgba(112,125,138,1);
266 
+        font-weight: bold;
267 
+        color: rgba(112, 125, 138, 1);
250 
       }
 268 
       }
251 
       .number {
 269 
       .number {
252 
         position: absolute;
 270 
         position: absolute;
253 
         bottom: 0;
 271 
         bottom: 0;
254 
         right: -0.1rem;
 272 
         right: -0.1rem;
255
273
256 
-        #textNum{
257 
-color:#707D8A;
258 
-font-size:0.14rem;
259 
-font-family:PingFangSC-Medium;
260 
-font-weight:bolder;
261 
-line-height:0.2rem;
274 
+        #textNum {
275 
+          color: #707d8a;
276 
+          font-size: 0.14rem;
277 
+          font-family: PingFangSC-Medium;
278 
+          font-weight: bolder;
279 
+          line-height: 0.2rem;
262 
         }
 280 
         }
263
281
264 
-        .totalnum{
265 
-color:#B8C2CB;
266 
-font-size:0.14rem;
267 
-font-family:PingFangSC-Medium;
268 
-font-weight:bolder;
269 
-line-height:0.2rem;
282 
+        .totalnum {
283 
+          color: #b8c2cb;
284 
+          font-size: 0.14rem;
285 
+          font-family: PingFangSC-Medium;
286 
+          font-weight: bolder;
287 
+          line-height: 0.2rem;
270 
         }
 288 
         }
271 
       }
 289 
       }
272 
     }
 290 
     }
273
291
274 
-    .ContactInformation{
275 
-        display: flex;
292 
+    .ContactInformation {
293 
+      display: flex;
276 
       flex-direction: row;
 294 
       flex-direction: row;
277 
       padding: 0.15rem 0 0.08rem 0.1rem;
 295 
       padding: 0.15rem 0 0.08rem 0.1rem;
278
296
279 
-      img{
280 
-          width: 0.22rem;
297 
+      img {
298 
+        width: 0.22rem;
281 
         height: 0.2rem;
 299 
         height: 0.2rem;
282 
       }
 300 
       }
283 
-     .desc1 {
301 
+      .desc1 {
284 
         font-size: 0.16rem;
 302 
         font-size: 0.16rem;
285 
         font-family: PingFangSC-Medium;
 303 
         font-family: PingFangSC-Medium;
286 
         font-weight: bolder;
 304 
         font-weight: bolder;
287 
-        color:rgba(112,125,138,1);
305 
+        color: rgba(112, 125, 138, 1);
288 
         line-height: 0.22rem;
 306 
         line-height: 0.22rem;
289 
         padding-left: 0.03rem;
 307 
         padding-left: 0.03rem;
290 
       }
 308 
       }
292 
         font-size: 0.16rem;
 310 
         font-size: 0.16rem;
293 
         font-family: PingFangSC-Medium;
 311 
         font-family: PingFangSC-Medium;
294 
         font-weight: bolder;
 312 
         font-weight: bolder;
295 
-        color:rgba(112,84,75,1);
313 
+        color: rgba(112, 84, 75, 1);
296 
         line-height: 0.22rem;
 314 
         line-height: 0.22rem;
297 
         padding-left: 0.03rem;
 315 
         padding-left: 0.03rem;
298 
       }
 316 
       }
299 
     }
 317 
     }
300
318
301 
-    .inputbox1{
302 
-width: 84%;
303 
-    height: 0.4rem;
304 
-    background-color: rgba(220, 229, 236, 0.63);
305 
-    margin-left: calc(8%);
306 
-    margin-bottom: 0.08rem;
307 
-    border-radius: 0.06rem;
308 
-   input{
309 
-            width: 100%;
310 
-    height: 100%;
311 
-    background-color: rgba(255, 255, 255, 0);
312 
-    text-indent: 0.12rem;
313 
-    }
319 
+    .inputbox1 {
320 
+      width: 84%;
321 
+      height: 0.4rem;
322 
+      background-color: rgba(220, 229, 236, 0.63);
323 
+      margin-left: calc(8%);
324 
+      margin-bottom: 0.08rem;
325 
+      border-radius: 0.06rem;
326 
+      input {
327 
+        width: 100%;
328 
+        height: 100%;
329 
+        background-color: rgba(255, 255, 255, 0);
330 
+        text-indent: 0.12rem;
331 
+      }
314
332
315 
-    input::-webkit-input-placeholder {
316 
-     font-size:0.16rem;
317 
-font-family:PingFangSC-Medium;
318 
-font-weight:bolder;
319 
-color:rgba(117,132,146,0.4);
320 
-line-height:0.22rem;
321 
-    }
333 
+      input::-webkit-input-placeholder {
334 
+        font-size: 0.16rem;
335 
+        font-family: PingFangSC-Medium;
336 
+        font-weight: bolder;
337 
+        color: rgba(117, 132, 146, 0.4);
338 
+        line-height: 0.22rem;
339 
+      }
322 
     }
 340 
     }
323
341
324 
-       .inputbox2{
325 
-width: 84%;
326 
-    height: 0.4rem;
327 
-    background-color: rgba(232,224,220,1);
328 
-    margin-left: calc(8%);
329 
-    margin-bottom: 0.08rem;
330 
-    border-radius: 0.06rem;
331 
-   input{
332 
-            width: 100%;
333 
-    height: 100%;
334 
-    background-color: rgba(255, 255, 255, 0);
335 
-    text-indent: 0.12rem;
336 
-    }
342 
+    .inputbox2 {
343 
+      width: 84%;
344 
+      height: 0.4rem;
345 
+      background-color: rgba(232, 224, 220, 1);
346 
+      margin-left: calc(8%);
347 
+      margin-bottom: 0.08rem;
348 
+      border-radius: 0.06rem;
349 
+      input {
350 
+        width: 100%;
351 
+        height: 100%;
352 
+        background-color: rgba(255, 255, 255, 0);
353 
+        text-indent: 0.12rem;
354 
+      }
337
355
338 
-    input::-webkit-input-placeholder {
339 
-     font-size:0.16rem;
340 
-font-family:PingFangSC-Medium;
341 
-font-weight:bolder;
342 
-color:rgba(139,116,102,0.4);
343 
-line-height:0.22rem;
344 
-    }
356 
+      input::-webkit-input-placeholder {
357 
+        font-size: 0.16rem;
358 
+        font-family: PingFangSC-Medium;
359 
+        font-weight: bolder;
360 
+        color: rgba(139, 116, 102, 0.4);
361 
+        line-height: 0.22rem;
362 
+      }
345 
     }
 363 
     }
346 
- .textareabox1{
347 
- width: 84%;
348 
-        height: 0.8rem;
349 
-        background-color:rgba(220,229,236,0.63);
350 
-border-radius:0.06rem;
351 
- margin-left: calc(8%);
352 
-   .addressarea{
353 
-         width: 100%;
364 
+    .textareabox1 {
365 
+      width: 84%;
366 
+      height: 0.8rem;
367 
+      background-color: rgba(220, 229, 236, 0.63);
368 
+      border-radius: 0.06rem;
369 
+      margin-left: calc(8%);
370 
+      .addressarea {
371 
+        width: 100%;
354 
         height: 100%;
 372 
         height: 100%;
355 
         margin-top: 0.08rem;
 373 
         margin-top: 0.08rem;
356 
         background-color: rgba(255, 255, 255, 0);
 374 
         background-color: rgba(255, 255, 255, 0);
357 
- text-indent: 0.12rem;
358 
-    }
359 
-     textarea::-webkit-input-placeholder {
360 
-     font-size:0.16rem;
361 
-font-family:PingFangSC-Medium;
362 
-font-weight:bolder;
363 
-color:rgba(112,125,138,0.4);
364 
-line-height:0.22rem;
375 
+        text-indent: 0.12rem;
376 
+      }
377 
+      textarea::-webkit-input-placeholder {
378 
+        font-size: 0.16rem;
379 
+        font-family: PingFangSC-Medium;
380 
+        font-weight: bolder;
381 
+        color: rgba(112, 125, 138, 0.4);
382 
+        line-height: 0.22rem;
383 
+      }
365 
     }
 384 
     }
366 
- }
367
385
368 
- .textareabox2{
369 
- width: 84%;
370 
-        height: 0.8rem;
371 
-        background-color: rgba(232,224,220,1);
372 
-border-radius:0.06rem;
373 
- margin-left: calc(8%);
374 
-   .addressarea{
375 
-         width: 100%;
386 
+    .textareabox2 {
387 
+      width: 84%;
388 
+      height: 0.8rem;
389 
+      background-color: rgba(232, 224, 220, 1);
390 
+      border-radius: 0.06rem;
391 
+      margin-left: calc(8%);
392 
+      .addressarea {
393 
+        width: 100%;
376 
         height: 100%;
 394 
         height: 100%;
377 
         margin-top: 0.08rem;
 395 
         margin-top: 0.08rem;
378 
         background-color: rgba(255, 255, 255, 0);
 396 
         background-color: rgba(255, 255, 255, 0);
379 
- text-indent: 0.12rem;
380 
-    }
381 
-     textarea::-webkit-input-placeholder {
382 
-     font-size:0.16rem;
383 
-font-family:PingFangSC-Medium;
384 
-font-weight:bolder;
385 
-color:rgba(139,116,102,0.4);
386 
-line-height:0.22rem;
397 
+        text-indent: 0.12rem;
398 
+      }
399 
+      textarea::-webkit-input-placeholder {
400 
+        font-size: 0.16rem;
401 
+        font-family: PingFangSC-Medium;
402 
+        font-weight: bolder;
403 
+        color: rgba(139, 116, 102, 0.4);
404 
+        line-height: 0.22rem;
405 
+      }
387 
     }
 406 
     }
388 
- }
389
407
390 
-
391 
-.btn{
392 
-    width: 100%;
393 
-    display: flex;
394 
-    align-items: center;
395 
-    justify-content: center;
396 
-        position: absolute;
397 
-    left: 0;
398 
-    bottom: 1rem;
408 
+    .btn {
409 
+      width: 100%;
410 
+      display: flex;
411 
+      align-items: center;
412 
+      justify-content: center;
413 
+      position: absolute;
414 
+      left: 0;
415 
+      bottom: 1rem;
399
416
400 
-       .SubmitBtn1{
417 
+      .SubmitBtn1 {
401 
         width: 44%;
 418 
         width: 44%;
402 
-    height: 0.5rem;
403 
-    border-radius: 0.23rem;
404 
-   background:rgba(166,184,201,1);
405 
-box-shadow:0px 2px 10px 0px rgba(207,217,227,1);
406 
-    border: none;
407 
-    font-size: 0.2rem;
408 
-    font-family: PingFangSC-Medium;
409 
-    font-weight: bolder;
410 
-    color: rgba(255, 255, 255, 1);
411 
-    line-height: 0.28rem;
412 
-    }
413 
-    .SubmitBtn2{
414 
-             width: 44%;
415 
-    height: 0.5rem;
416 
-    border-radius: 0.23rem;
417 
- background:rgba(173,145,129,1);
418 
-box-shadow:0px 2px 10px 0px rgba(120,108,101,0.46);
419 
-    border: none;
420 
-    font-size: 0.2rem;
421 
-    font-family: PingFangSC-Medium;
422 
-    font-weight: bolder;
423 
-    color: rgba(255, 255, 255, 1);
424 
-    line-height: 0.28rem;
419 
+        height: 0.5rem;
420 
+        border-radius: 0.23rem;
421 
+        background: rgba(166, 184, 201, 1);
422 
+        box-shadow: 0px 2px 10px 0px rgba(207, 217, 227, 1);
423 
+        border: none;
424 
+        font-size: 0.2rem;
425 
+        font-family: PingFangSC-Medium;
426 
+        font-weight: bolder;
427 
+        color: rgba(255, 255, 255, 1);
428 
+        line-height: 0.28rem;
429 
+      }
430 
+      .SubmitBtn2 {
431 
+        width: 44%;
432 
+        height: 0.5rem;
433 
+        border-radius: 0.23rem;
434 
+        background: rgba(173, 145, 129, 1);
435 
+        box-shadow: 0px 2px 10px 0px rgba(120, 108, 101, 0.46);
436 
+        border: none;
437 
+        font-size: 0.2rem;
438 
+        font-family: PingFangSC-Medium;
439 
+        font-weight: bolder;
440 
+        color: rgba(255, 255, 255, 1);
441 
+        line-height: 0.28rem;
442 
+      }
425 
     }
 443 
     }
426 
-
427 
-}
428 
-
429 
   }
 444 
   }
430 
 }
 445 
 }
431 
 </style>
 446 
 </style>