陈冉 6 anni fa
parent
commit
f6ac416460

+ 12
- 21
package-lock.json Vedi File

@@ -4760,14 +4760,12 @@
4760 4760
         "balanced-match": {
4761 4761
           "version": "1.0.0",
4762 4762
           "bundled": true,
4763
-          "dev": true,
4764
-          "optional": true
4763
+          "dev": true
4765 4764
         },
4766 4765
         "brace-expansion": {
4767 4766
           "version": "1.1.11",
4768 4767
           "bundled": true,
4769 4768
           "dev": true,
4770
-          "optional": true,
4771 4769
           "requires": {
4772 4770
             "balanced-match": "^1.0.0",
4773 4771
             "concat-map": "0.0.1"
@@ -4782,20 +4780,17 @@
4782 4780
         "code-point-at": {
4783 4781
           "version": "1.1.0",
4784 4782
           "bundled": true,
4785
-          "dev": true,
4786
-          "optional": true
4783
+          "dev": true
4787 4784
         },
4788 4785
         "concat-map": {
4789 4786
           "version": "0.0.1",
4790 4787
           "bundled": true,
4791
-          "dev": true,
4792
-          "optional": true
4788
+          "dev": true
4793 4789
         },
4794 4790
         "console-control-strings": {
4795 4791
           "version": "1.1.0",
4796 4792
           "bundled": true,
4797
-          "dev": true,
4798
-          "optional": true
4793
+          "dev": true
4799 4794
         },
4800 4795
         "core-util-is": {
4801 4796
           "version": "1.0.2",
@@ -4912,8 +4907,7 @@
4912 4907
         "inherits": {
4913 4908
           "version": "2.0.3",
4914 4909
           "bundled": true,
4915
-          "dev": true,
4916
-          "optional": true
4910
+          "dev": true
4917 4911
         },
4918 4912
         "ini": {
4919 4913
           "version": "1.3.5",
@@ -4925,7 +4919,6 @@
4925 4919
           "version": "1.0.0",
4926 4920
           "bundled": true,
4927 4921
           "dev": true,
4928
-          "optional": true,
4929 4922
           "requires": {
4930 4923
             "number-is-nan": "^1.0.0"
4931 4924
           }
@@ -4940,7 +4933,6 @@
4940 4933
           "version": "3.0.4",
4941 4934
           "bundled": true,
4942 4935
           "dev": true,
4943
-          "optional": true,
4944 4936
           "requires": {
4945 4937
             "brace-expansion": "^1.1.7"
4946 4938
           }
@@ -4948,14 +4940,12 @@
4948 4940
         "minimist": {
4949 4941
           "version": "0.0.8",
4950 4942
           "bundled": true,
4951
-          "dev": true,
4952
-          "optional": true
4943
+          "dev": true
4953 4944
         },
4954 4945
         "minipass": {
4955 4946
           "version": "2.2.4",
4956 4947
           "bundled": true,
4957 4948
           "dev": true,
4958
-          "optional": true,
4959 4949
           "requires": {
4960 4950
             "safe-buffer": "^5.1.1",
4961 4951
             "yallist": "^3.0.0"
@@ -4974,7 +4964,6 @@
4974 4964
           "version": "0.5.1",
4975 4965
           "bundled": true,
4976 4966
           "dev": true,
4977
-          "optional": true,
4978 4967
           "requires": {
4979 4968
             "minimist": "0.0.8"
4980 4969
           }
@@ -5055,8 +5044,7 @@
5055 5044
         "number-is-nan": {
5056 5045
           "version": "1.0.1",
5057 5046
           "bundled": true,
5058
-          "dev": true,
5059
-          "optional": true
5047
+          "dev": true
5060 5048
         },
5061 5049
         "object-assign": {
5062 5050
           "version": "4.1.1",
@@ -5068,7 +5056,6 @@
5068 5056
           "version": "1.4.0",
5069 5057
           "bundled": true,
5070 5058
           "dev": true,
5071
-          "optional": true,
5072 5059
           "requires": {
5073 5060
             "wrappy": "1"
5074 5061
           }
@@ -5190,7 +5177,6 @@
5190 5177
           "version": "1.0.2",
5191 5178
           "bundled": true,
5192 5179
           "dev": true,
5193
-          "optional": true,
5194 5180
           "requires": {
5195 5181
             "code-point-at": "^1.0.0",
5196 5182
             "is-fullwidth-code-point": "^1.0.0",
@@ -6804,6 +6790,11 @@
6804 6790
       "integrity": "sha1-vsECT4WxvZbL6kBbI8FK1kQ6b4E=",
6805 6791
       "dev": true
6806 6792
     },
6793
+    "lodash.get": {
6794
+      "version": "4.4.2",
6795
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
6796
+      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk="
6797
+    },
6807 6798
     "lodash.mapvalues": {
6808 6799
       "version": "4.6.0",
6809 6800
       "resolved": "http://registry.npm.taobao.org/lodash.mapvalues/download/lodash.mapvalues-4.6.0.tgz",

+ 1
- 0
package.json Vedi File

@@ -9,6 +9,7 @@
9 9
   },
10 10
   "dependencies": {
11 11
     "axios": "^0.18.0",
12
+    "lodash.get": "^4.4.2",
12 13
     "vant": "^1.4.8",
13 14
     "vue": "^2.5.17",
14 15
     "vue-headful": "^2.0.1",

BIN
src/common/icon/dianhua.png Vedi File


BIN
src/common/icon/xiegenjin.png Vedi File


BIN
src/common/icon/xin.png Vedi File


BIN
src/common/icon/yinyueoff.png Vedi File


BIN
src/common/icon/yinyueon.png Vedi File


+ 3
- 3
src/components/toast.vue Vedi File

@@ -102,12 +102,12 @@ export default {
102 102
           width: 46%;
103 103
           height: 0.34rem;
104 104
           border-radius: 0.04rem;
105
-          border: 1px solid rgba(252, 98, 67, 1);
105
+          border: 1px solid rgba(112,125,138,1);
106 106
           background-color: rgba(255, 255, 255, 0);
107 107
           font-size: 0.14rem;
108 108
           font-family: PingFangSC-Medium;
109
-          font-weight: 500;
110
-          color: rgba(252, 98, 67, 1);
109
+          font-weight: bold;
110
+         color:rgba(112,125,138,1);
111 111
           line-height: 0.2rem;
112 112
           margin-right: 0.15rem;
113 113
         }

+ 10
- 2
src/config/apis.js Vedi File

@@ -1,10 +1,18 @@
1 1
 import get from 'lodash.get'
2 2
 
3 3
 const apiList = {
4
-  app: {
5
-    url: '',
4
+//投票信息
5
+ homepage: {
6
+   //获取活动详情信息
7
+  getactivity: {
8
+    url: '/api/voting/:actid',
6 9
     method: 'get',
7 10
   },
11
+  getactivitylist:{
12
+    url: '/api/voting',
13
+    method: 'get',
14
+  }
15
+},
8 16
 }
9 17
 
10 18
 // user.update

BIN
src/images/uploadimg.png Vedi File


+ 20
- 4
src/pages/index.vue Vedi File

@@ -1,12 +1,17 @@
1 1
 <template>
2 2
   <div class="indexpage">
3
-    <!-- <vue-headful title="户型图"  /> -->
4
-    <img class="bgimg" :src="BgIndex">、
3
+    <img class="bgimg" :src="activitydetail.Thumb">
4
+    <!-- <img v-if="type === 2" class="bgimg" :src="AudioPlay"> -->
5 5
     <button class="EnterActivity" @click="gotoactivity">进入活动</button>
6 6
   </div>
7 7
 </template>
8 8
 
9 9
 <script>
10
+import { createNamespacedHelpers } from "vuex";
11
+const {
12
+  mapState: mapvoteState,
13
+  mapActions: mapvoteActions
14
+} = createNamespacedHelpers("homepage");
10 15
 import BgIndex from "../images/BgImages.jpg";
11 16
 import AudioPlay from '../images/audio_play.png';
12 17
 export default {
@@ -15,15 +20,26 @@ export default {
15 20
     return {
16 21
       BgIndex,
17 22
       AudioPlay,
23
+      type: this.$route.query.type
18 24
     };
19 25
   },
20 26
   //     components: {
21 27
   //     "vue-headful": () => import("vue-headful"),
22 28
   //   },
29
+  computed: {
30
+    ...mapvoteState({
31
+      activitydetail: s => s.activitydetail
32
+    })
33
+  },
34
+  created(){
35
+    this.getActivity({actid: this.type})
36
+  },
23 37
   methods: {
38
+     ...mapvoteActions(["getActivity"]),
24 39
       gotoactivity() {
25 40
       this.$router.push({
26 41
         name: "lotterylist",
42
+        query: { actid: this.type}
27 43
       });
28 44
     },
29 45
   }
@@ -42,12 +58,12 @@ export default {
42 58
   }
43 59
   .EnterActivity {
44 60
     position: absolute;
45
-    top: 4.53rem;
61
+    top: 5.86rem;
46 62
     left: 0.45rem;
47 63
     width: 75%;
48 64
     height: 0.5rem;
49 65
     border-radius: 0.25rem;
50
-    background-color: rgba(252, 93, 95, 1);
66
+    background-color: rgba(166,184,201,1);
51 67
     border: none;
52 68
     font-size: 0.2rem;
53 69
     font-family: PingFangSC-Medium;

+ 81
- 73
src/pages/vote/lotterylist.vue Vedi File

@@ -12,27 +12,22 @@
12 12
       <div class="VoteList">
13 13
         <van-tabs type="card">
14 14
           <van-tab title="最新上传">
15
-              <van-list
16
-  v-model="loading"
17
-  :finished="finished"
18
-  finished-text="没有更多了"
19
-  @load="onLoad"
20
->
21
-            <div class="LatestUpload">
22
-              <div class="LatestUploadList">
23
-                <div class="ActivePersonnelBox">
24
-                  <img :src="AudioPlay">
25
-                </div>
26
-                <span class="ballot">NO.20000</span>
27
-                <span class="ActivePersonnelName">王璐璐</span>
28
-                <button class="VoteBtn" @click="gotovotingdetails">投TA一票</button>
29
-                <div class="VoteNumber">
30
-                  <span>已获投票数:</span>
31
-                  <p>1314票</p>
15
+            <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
16
+              <div class="LatestUpload">
17
+                <div class="LatestUploadList">
18
+                  <div class="ActivePersonnelBox">
19
+                    <img :src="AudioPlay">
20
+                  </div>
21
+                  <span class="ballot">NO.20000</span>
22
+                  <span class="ActivePersonnelName">王璐璐</span>
23
+                  <button class="VoteBtn" @click="gotovotingdetails">投TA一票</button>
24
+                  <div class="VoteNumber">
25
+                    <span>已获投票数:</span>
26
+                    <p>1314票</p>
27
+                  </div>
32 28
                 </div>
33 29
               </div>
34
-            </div>
35
-           </van-list>
30
+            </van-list>
36 31
           </van-tab>
37 32
           <van-tab title="TOP50">
38 33
             <div class="LatestUpload">
@@ -54,9 +49,8 @@
54 49
       </div>
55 50
     </div>
56 51
     <button class="signupBtn" @click="signup">我要报名</button>
57
-        <!-- <toast-box v-if="showtoast" @close='showtoast=false'></toast-box>
58
-        <common-toast v-if="showcommontiast" @close='showcommontiast=false'></common-toast> -->
59
-
52
+    <!-- <toast-box v-if="showtoast" @close='showtoast=false'></toast-box>
53
+    <common-toast v-if="showcommontiast" @close='showcommontiast=false'></common-toast>-->
60 54
   </div>
61 55
 </template>
62 56
 
@@ -67,7 +61,11 @@ import AudioPlay from "../../images/audio_play.png";
67 61
 import IconSearch from "../../common/icon/sousuo.png";
68 62
 // import ToastBox from '../../components/toast.vue'
69 63
 // import CommonToast from '../../components/commontoast.vue'
70
-
64
+import { createNamespacedHelpers } from "vuex";
65
+const {
66
+  mapState: mapactivityState,
67
+  mapActions: mapactivityActions
68
+} = createNamespacedHelpers("activitylist");
71 69
 export default {
72 70
   name: "lotterylist",
73 71
   data() {
@@ -76,20 +74,34 @@ export default {
76 74
       ActivityInformation,
77 75
       AudioPlay,
78 76
       IconSearch,
77
+      tab:'',
78
+      page:1,
79
+      q:'',
79 80
       // showtoast:false,
80 81
       // showcommontiast:false,
81
-    //   list:[],
82
+      //   list:[],
82 83
       loading: false,
83 84
       finished: false
84 85
     };
85 86
   },
86
-   components: {
87
+  components: {
87 88
     // "vue-headful": () => import("vue-headful"),
88 89
     // 'ToastBox':ToastBox,
89 90
     // 'CommonToast':CommonToast,
90 91
   },
92
+  computed: {
93
+    ...mapactivityState({
94
+      detail: s => s.detail
95
+    })
96
+  },
97
+  created() {
98
+    this.getActivityList().then(() => {
99
+      
100
+    })
101
+  },
91 102
   methods: {
92
-        onLoad() {
103
+    ...mapactivityActions(["getActivityList"]),
104
+    onLoad() {
93 105
       // 异步更新数据
94 106
       setTimeout(() => {
95 107
         for (let i = 0; i < 10; i++) {
@@ -110,54 +122,52 @@ export default {
110 122
       });
111 123
     },
112 124
     gotovotingdetails() {
113
-        // this.showtoast =true;
125
+      // this.showtoast =true;
114 126
       this.$router.push({
115 127
         name: "votingdetails"
116 128
       });
117
-    },
118
-
129
+    }
119 130
   }
120 131
 };
121 132
 </script>
122 133
 
123 134
 <style>
124
-.van-tabs--card{
125
-    width: 100%;
135
+.van-tabs--card {
136
+  width: 100%;
126 137
 }
127
-.van-tabs__nav--card{
128
-    height: 100%;
129
-    border: none;
130
-    margin: 0;
138
+.van-tabs__nav--card {
139
+  height: 100%;
140
+  border: none;
141
+  margin: 0;
131 142
 }
132
-.van-tabs__wrap{
133
-    width: 100%;
134
-    z-index: 1;
143
+.van-tabs__wrap {
144
+  width: 100%;
145
+  z-index: 1;
135 146
 }
136
-.van-tabs__nav--card .van-tab.van-tab--active{
137
-background-color:rgba(240,115,126,1);
138
-border-radius:0.06rem;
147
+.van-tabs__nav--card .van-tab.van-tab--active {
148
+  background-color: rgba(166, 184, 201, 1);
149
+  border-radius: 0.06rem;
139 150
 }
140
-.van-tabs--card .van-tabs__wrap{
141
-height: 0.4rem;
151
+.van-tabs--card .van-tabs__wrap {
152
+  height: 0.4rem;
142 153
 }
143
-.van-tabs__nav--card .van-tab{
144
-    border-right: none;
145
-    background-color:rgba(182,182,182,1);
146
-border-radius:0.06rem;
147
-width: 100%;
148
-margin: 0 0.075rem;
149
-display: flex;
150
-justify-content: center;
151
-align-items: center;
152
-
154
+.van-tabs__nav--card .van-tab {
155
+  border-right: none;
156
+  background-color: rgba(217, 226, 233, 1);
157
+  border-radius: 0.06rem;
158
+  width: 100%;
159
+  margin: 0 0.075rem;
160
+  display: flex;
161
+  justify-content: center;
162
+  align-items: center;
153 163
 }
154
-.van-ellipsis{
155
-font-size:0.16rem;
156
-font-family:PingFangSC-Medium;
157
-font-weight:bold;
158
-color:rgba(255,255,255,1);
159
-line-height:0.22rem;
160
-text-align: center;
164
+.van-ellipsis {
165
+  font-size: 0.16rem;
166
+  font-family: PingFangSC-Medium;
167
+  font-weight: bold;
168
+  color: rgba(255, 255, 255, 1);
169
+  line-height: 0.22rem;
170
+  text-align: center;
161 171
 }
162 172
 </style>
163 173
 
@@ -165,7 +175,7 @@ text-align: center;
165 175
 <style lang="scss" scoped>
166 176
 .context {
167 177
   width: 100%;
168
-  background-color: rgba(240, 115, 126, 1);
178
+  background-color: rgba(209, 220, 228, 1);
169 179
   display: flex;
170 180
   flex-direction: column;
171 181
   justify-content: center;
@@ -180,7 +190,7 @@ text-align: center;
180 190
   .search {
181 191
     width: 93%;
182 192
     height: 0.44rem;
183
-    background-color: rgba(242, 132, 141, 1);
193
+    background-color: rgba(201, 214, 224, 1);
184 194
     border-radius: 6px;
185 195
     border: 0.01rem solid rgba(255, 255, 255, 1);
186 196
     display: flex;
@@ -190,13 +200,15 @@ text-align: center;
190 200
     margin-bottom: 0.19rem;
191 201
 
192 202
     input {
193
-      padding: 0.11rem 1.2rem 0.11rem 0.13rem;
203
+      // padding: 0.11rem 1.2rem 0.11rem 0.13rem;
194 204
       background-color: rgba(255, 255, 255, 0);
195 205
       color: rgba(255, 255, 255, 1);
196 206
       font-size: 0.16rem;
197 207
       font-family: PingFangSC-Regular;
198 208
       font-weight: 400;
199 209
       line-height: 0.22rem;
210
+      width: 5rem;
211
+      text-indent: 0.1rem;
200 212
     }
201 213
     input::-webkit-input-placeholder {
202 214
       color: rgba(255, 255, 255, 1);
@@ -224,7 +236,7 @@ text-align: center;
224 236
   .box {
225 237
     width: 89%;
226 238
     height: 0.12rem;
227
-    background-color: rgba(244, 152, 159, 1);
239
+    background-color: rgba(255, 255, 255, 0.29);
228 240
     border-radius: 0.06rem 0.06rem 0 0;
229 241
   }
230 242
   .VoteListBox {
@@ -252,7 +264,7 @@ text-align: center;
252 264
           width: 48%;
253 265
           height: 3.1rem;
254 266
           background: rgba(255, 255, 255, 1);
255
-          box-shadow: 0px 4px 8px 0px rgba(255, 239, 239, 1);
267
+          box-shadow: 0px 4px 8px 0px rgba(166, 184, 201, 0.18);
256 268
           border-radius: 0.08rem;
257 269
           margin-bottom: 0.25rem;
258 270
           display: flex;
@@ -265,7 +277,7 @@ text-align: center;
265 277
             height: 1.83rem;
266 278
             border-radius: 0.15rem;
267 279
             margin-bottom: 0.11rem;
268
-            border: 0.05rem solid rgba(249, 93, 105, 1);
280
+            border: 0.04rem solid rgba(166, 184, 201, 1);
269 281
 
270 282
             img {
271 283
               width: 100%;
@@ -276,7 +288,7 @@ text-align: center;
276 288
           .ballot {
277 289
             position: absolute;
278 290
             top: 0;
279
-            background: rgba(249, 93, 105, 1);
291
+            background: rgba(166, 184, 201, 1);
280 292
             border-radius: 0 0 0.08rem 0.08rem;
281 293
             padding: 0.02rem 0.12rem;
282 294
             font-size: 0.14rem;
@@ -299,7 +311,7 @@ text-align: center;
299 311
             width: 56%;
300 312
             height: 0.23rem;
301 313
             border-radius: 0.25rem;
302
-            background-color: rgba(252, 93, 95, 1);
314
+            background-color: rgba(166, 184, 201, 1);
303 315
             border: none;
304 316
             font-size: 0.14rem;
305 317
             font-family: PingFangSC-Medium;
@@ -336,11 +348,7 @@ text-align: center;
336 348
     width: 91%;
337 349
     height: 0.5rem;
338 350
     border-radius: 0.25rem;
339
-    background: linear-gradient(
340
-      360deg,
341
-      rgba(248, 150, 62, 1) 0%,
342
-      rgba(255, 250, 155, 1) 100%
343
-    );
351
+    background: rgba(166, 184, 201, 1);
344 352
     border: none;
345 353
     font-size: 0.2rem;
346 354
     font-family: PingFangSC-Medium;

+ 10
- 11
src/pages/vote/myvote.vue Vedi File

@@ -42,7 +42,7 @@ export default {
42 42
 .context {
43 43
   width: 100%;
44 44
   height: 100%;
45
-  background-color: rgba(240, 115, 126, 1);
45
+  background-color: rgba(220,229,236,1);;
46 46
   display: flex;
47 47
   flex-direction: column;
48 48
   align-items: center;
@@ -61,13 +61,13 @@ export default {
61 61
     .personnumber {
62 62
       position: absolute;
63 63
       top: 0;
64
-      background-color: rgba(240, 115, 126, 1);
64
+      background-color:rgba(255,255,255,1);
65 65
       border-radius: 0 0 0.12rem 0.12rem;
66 66
       padding: 0.01rem 0.25rem;
67 67
       font-size: 0.18rem;
68 68
       font-family: PingFangSC-Medium;
69 69
       font-weight: 500;
70
-      color: rgba(255, 255, 255, 1);
70
+      color:rgba(70,86,101,1);
71 71
       line-height: 0.25rem;
72 72
     }
73 73
 
@@ -98,8 +98,8 @@ export default {
98 98
 
99 99
       .line {
100 100
         width: 0.01rem;
101
-        border: 1px solid rgba(251, 87, 87, 1);
102
-        background-color: rgba(251, 87, 87, 1);
101
+        border: 1px solid rgba(166,184,201,1);
102
+        background-color: rgba(166,184,201,1);
103 103
       }
104 104
       .nameinformation {
105 105
         display: flex;
@@ -109,20 +109,19 @@ export default {
109 109
         .information {
110 110
           font-size: 0.16rem;
111 111
           font-family: JQLaoSongJT;
112
-          color: rgba(251, 87, 87, 1);
112
+          color:rgba(112,125,138,1);
113 113
           line-height: 0.28rem;
114 114
           font-weight: 400;
115 115
         }
116 116
         .informationnum {
117 117
           font-size: 0.24rem;
118 118
           font-family: JQLaoSongJT;
119
-          color: rgba(251, 87, 87, 1);
119
+          color:rgba(112,125,138,1);
120 120
           line-height: 0.28rem;
121 121
         }
122 122
       }
123 123
     }
124 124
   }
125
-
126 125
   .showorhide {
127 126
     width: 100%;
128 127
     display: flex;
@@ -133,18 +132,18 @@ export default {
133 132
 
134 133
     .dashedline {
135 134
       width: 100%;
136
-      border-bottom: 1px dashed rgba(255, 255, 255, 1);
135
+      border-bottom: 1px dashed rgba(166,184,201,1);
137 136
       text-decoration: none;
138 137
     }
139 138
     .writeword {
140
-      width: 92%;
139
+      width: 90%;
141 140
       padding-top: 0.18rem;
142 141
       word-wrap: break-word;
143 142
       word-break: normal;
144 143
       font-size: 0.14rem;
145 144
       font-family: PingFangSC-Regular;
146 145
       font-weight: 400;
147
-      color: rgba(255, 255, 255, 1);
146
+      color: rgba(77,87,97,1);
148 147
       line-height: 0.2rem;
149 148
     }
150 149
   }

+ 32
- 14
src/pages/vote/signup.vue Vedi File

@@ -13,8 +13,8 @@
13 13
       <div class="input_content">
14 14
         <textarea id="textArea" class="content_txt" maxlength="200"></textarea>
15 15
         <span class="number">
16
-          <span id="textNum" style="color:#FB6B2F">0</span>
17
-          <span>/200</span>
16
+          <span id="textNum">0</span>
17
+          <span class="totalnum" >/200</span>
18 18
         </span>
19 19
       </div>
20 20
       <div class="ContactInformation">
@@ -54,7 +54,7 @@ export default {
54 54
 .context {
55 55
   width: 100%;
56 56
   height: 100%;
57
-  background-color: rgba(240, 115, 126, 1);
57
+  background-color: rgba(209,220,228,1);
58 58
   display: flex;
59 59
   justify-content: center;
60 60
 
@@ -79,7 +79,7 @@ export default {
79 79
         font-size: 0.16rem;
80 80
         font-family: PingFangSC-Medium;
81 81
         font-weight: bold;
82
-        color: rgba(240, 115, 126, 1);
82
+        color:rgba(112,125,138,1);
83 83
         line-height: 0.22rem;
84 84
         padding-left: 0.03rem;
85 85
       }
@@ -104,7 +104,7 @@ export default {
104 104
         font-size: 0.16rem;
105 105
         font-family: PingFangSC-Medium;
106 106
         font-weight: bold;
107
-        color: rgba(240, 115, 126, 1);
107
+        color:rgba(112,125,138,1);
108 108
         line-height: 0.22rem;
109 109
         padding-left: 0.03rem;
110 110
       }
@@ -121,17 +121,34 @@ export default {
121 121
         padding: 2% 3% 0 3%;
122 122
         margin-left: 5%;
123 123
         border: none;
124
-        font-size: 0.12rem;
124
+        font-size: 0.16rem;
125 125
         font-weight: 400;
126
-        color: rgba(170, 170, 170, 1);
127
-        line-height: 0.17rem;
126
+        background:rgba(220,229,236,0.63);
127
+        line-height: 0.22rem;
128 128
         border-radius: 0.06rem;
129
-        background-color: rgba(255, 241, 241, 1);
129
+        font-weight:bold;
130
+color:rgba(112,125,138,1);
130 131
       }
131 132
       .number {
132 133
         position: absolute;
133 134
         bottom: 0;
134 135
         right: -0.1rem;
136
+
137
+        #textNum{
138
+color:#707D8A;
139
+font-size:0.14rem;
140
+font-family:PingFangSC-Medium;
141
+font-weight:bold;
142
+line-height:0.2rem;
143
+        }
144
+
145
+        .totalnum{
146
+color:#B8C2CB;
147
+font-size:0.14rem;
148
+font-family:PingFangSC-Medium;
149
+font-weight:bold;
150
+line-height:0.2rem;
151
+        }
135 152
       }
136 153
     }
137 154
 
@@ -148,7 +165,7 @@ export default {
148 165
           font-size: 0.16rem;
149 166
         font-family: PingFangSC-Medium;
150 167
         font-weight: bold;
151
-        color: rgba(240, 115, 126, 1);
168
+        color:rgba(112,125,138,1);
152 169
         line-height: 0.22rem;
153 170
         padding-left: 0.03rem;
154 171
       }
@@ -156,7 +173,7 @@ export default {
156 173
     input{
157 174
         width: 84%;
158 175
         height: 0.4rem;
159
-        background-color:rgba(255,241,241,1);;
176
+        background-color:rgba(220,229,236,0.63);
160 177
 border-radius:0.06rem;
161 178
 padding: 0.02rem 0.1rem;
162 179
     margin: 0 0 2% 5%;
@@ -166,7 +183,7 @@ padding: 0.02rem 0.1rem;
166 183
      font-size:0.16rem;
167 184
 font-family:PingFangSC-Medium;
168 185
 font-weight:bold;
169
-color:rgba(252,93,95,1);
186
+color:rgba(117,132,146,1);
170 187
 line-height:0.22rem;
171 188
     }
172 189
 
@@ -182,7 +199,7 @@ padding: 0.02rem 0.1rem;
182 199
      font-size:0.16rem;
183 200
 font-family:PingFangSC-Medium;
184 201
 font-weight:bold;
185
-color:rgba(252,93,95,1);
202
+color:rgba(112,125,138,1);
186 203
 line-height:0.22rem;
187 204
     }
188 205
 .btn{
@@ -196,7 +213,8 @@ line-height:0.22rem;
196 213
         width: 44%;
197 214
     height: 0.5rem;
198 215
     border-radius: 0.23rem;
199
-    background-color: rgba(252, 93, 95, 1);
216
+   background:rgba(166,184,201,1);
217
+box-shadow:0px 2px 10px 0px rgba(207,217,227,1);
200 218
     border: none;
201 219
     font-size: 0.2rem;
202 220
     font-family: PingFangSC-Medium;

+ 10
- 14
src/pages/vote/votingdetails.vue Vedi File

@@ -43,7 +43,7 @@ export default {
43 43
 .context {
44 44
   width: 100%;
45 45
   height: 100%;
46
-  background-color: rgba(240, 115, 126, 1);
46
+  background-color: rgba(220,229,236,1);;
47 47
   display: flex;
48 48
   flex-direction: column;
49 49
   align-items: center;
@@ -62,13 +62,13 @@ export default {
62 62
     .personnumber {
63 63
       position: absolute;
64 64
       top: 0;
65
-      background-color: rgba(240, 115, 126, 1);
65
+      background-color:rgba(255,255,255,1);
66 66
       border-radius: 0 0 0.12rem 0.12rem;
67 67
       padding: 0.01rem 0.25rem;
68 68
       font-size: 0.18rem;
69 69
       font-family: PingFangSC-Medium;
70 70
       font-weight: 500;
71
-      color: rgba(255, 255, 255, 1);
71
+      color:rgba(70,86,101,1);
72 72
       line-height: 0.25rem;
73 73
     }
74 74
 
@@ -99,8 +99,8 @@ export default {
99 99
 
100 100
       .line {
101 101
         width: 0.01rem;
102
-        border: 1px solid rgba(251, 87, 87, 1);
103
-        background-color: rgba(251, 87, 87, 1);
102
+        border: 1px solid rgba(166,184,201,1);
103
+        background-color: rgba(166,184,201,1);
104 104
       }
105 105
       .nameinformation {
106 106
         display: flex;
@@ -110,14 +110,14 @@ export default {
110 110
         .information {
111 111
           font-size: 0.16rem;
112 112
           font-family: JQLaoSongJT;
113
-          color: rgba(251, 87, 87, 1);
113
+          color:rgba(112,125,138,1);
114 114
           line-height: 0.28rem;
115 115
           font-weight: 400;
116 116
         }
117 117
         .informationnum {
118 118
           font-size: 0.24rem;
119 119
           font-family: JQLaoSongJT;
120
-          color: rgba(251, 87, 87, 1);
120
+          color:rgba(112,125,138,1);
121 121
           line-height: 0.28rem;
122 122
         }
123 123
       }
@@ -127,11 +127,7 @@ export default {
127 127
   .votebtn {
128 128
     width: 59%;
129 129
     height: 0.42rem;
130
-    background: linear-gradient(
131
-      360deg,
132
-      rgba(248, 150, 62, 1) 0%,
133
-      rgba(255, 250, 155, 1) 100%
134
-    );
130
+    background: rgba(166,184,201,1);
135 131
     border-radius: 0.23rem;
136 132
     font-size: 0.2rem;
137 133
     font-family: PingFangSC-Medium;
@@ -151,7 +147,7 @@ export default {
151 147
 
152 148
     .dashedline {
153 149
       width: 100%;
154
-      border-bottom: 1px dashed rgba(255, 255, 255, 1);
150
+      border-bottom: 1px dashed rgba(166,184,201,1);
155 151
       text-decoration: none;
156 152
     }
157 153
     .writeword {
@@ -162,7 +158,7 @@ export default {
162 158
       font-size: 0.14rem;
163 159
       font-family: PingFangSC-Regular;
164 160
       font-weight: 400;
165
-      color: rgba(255, 255, 255, 1);
161
+      color: rgba(77,87,97,1);
166 162
       line-height: 0.2rem;
167 163
     }
168 164
   }

+ 39
- 0
src/store/activitylist.js Vedi File

@@ -0,0 +1,39 @@
1
+import request from '../utils/request'
2
+import getAPI from '../config/apis'
3
+export default {
4
+    namespaced: true,
5
+      state: {
6
+        detail: {},
7
+      },
8
+      mutations: {
9
+        updateActivityList(state, detail) {
10
+          state.detail = detail;
11
+        },
12
+      },
13
+      actions: {
14
+          
15
+        getActivityList({ commit }, params) {
16
+          return new Promise((resolve, reject) => {
17
+            request({ ...getAPI('homepage.getactivitylist'),params}).then((data) => {
18
+              commit('updateActivityList', data)
19
+              resolve()            
20
+            }).catch(reject)
21
+          });
22
+        },
23
+        // getActivityList (context, payload) { // 获取附近课程
24
+        //     return new Promise((resolve, reject) => {
25
+        //       Ajax(api.homepage.getactivity.url, {
26
+        //         method: api.homepage.getactivity.method,
27
+        //         queryData: { ...payload }
28
+        //       }).then(res => {
29
+        //         context.commit('updateActivityList', res)
30
+        //         resolve(res)
31
+        //       }).catch((err) => {
32
+        //         reject(err)
33
+        //       })
34
+        //     })
35
+        //   },
36
+      }
37
+
38
+      
39
+    }

+ 23
- 0
src/store/homepage.js Vedi File

@@ -0,0 +1,23 @@
1
+import request from '../utils/request'
2
+import getAPI from '../config/apis'
3
+export default {
4
+    namespaced: true,
5
+      state: {
6
+        activitydetail: {},
7
+      },
8
+      mutations: {
9
+        updateActivity(state, activitydetail) {
10
+          state.activitydetail = activitydetail;
11
+        },
12
+      },
13
+      actions: {
14
+        getActivity({ commit }, params) {
15
+          return new Promise((resolve, reject) => {
16
+            request({...getAPI('homepage.getactivity', params)}).then((data) => {
17
+              commit('updateActivity', data)
18
+              resolve()            
19
+            }).catch(reject)
20
+          });
21
+        },
22
+      }
23
+    }

+ 2
- 1
src/store/index.js Vedi File

@@ -5,7 +5,8 @@ Vue.use(Vuex)
5 5
 
6 6
 const store = new Vuex.Store({
7 7
   modules: {
8
-    // app: require('./app.js').default,
8
+    homepage: require('./homepage.js').default,
9
+    activitylist: require('./activitylist.js').default,
9 10
   }
10 11
 });
11 12
 

+ 1
- 1
src/utils/request.js Vedi File

@@ -41,7 +41,7 @@ export default function request(config) {
41 41
     }).then((response) => {
42 42
       const data = response.data;
43 43
       if (data.code === 200) {
44
-        resolve(data);
44
+        resolve(data.result);
45 45
       } else {
46 46
         reject('请求数据失败');
47 47
       }

+ 1
- 1
vue.config.js Vedi File

@@ -3,7 +3,7 @@ module.exports = {
3 3
     devServer: {
4 4
       proxy: {
5 5
         '/api': {
6
-          target: 'http://192.168.0.166:8087', // wf
6
+          target: 'http://192.168.0.62:8080', // wf
7 7
           // target: 'http://127.0.0.1:8082/hj_wechat', // wf
8 8
           changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
9 9
           // pathRewrite: {