Skip to content

dev / lilejia-f2mb-pro

Go to a project
Toggle navigation
Toggle navigation pinning
1207b6a9 by joe
Options

1

1 parent c53c5327
Inline Side-by-side
Showing 12 changed files with 97 additions and 37 deletions

210 KB | W: | H:

167 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

31.4 KB | W: | H:

35.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
27 27
28 <div class="successModel"> 28 <div class="successModel">
29 <div class="model-data"> 29 <div class="model-data">
30 获得一次抽奖机会<br>每人每天投票一次 30 获得一次抽奖机会<br>每天还可以给自己投票1次哦
31 </div> 31 </div>
32 <div class="sys-btn-02" @click="modelBtnClickHandler">前往抽奖</div> 32 <div class="sys-btn-02" @click="modelBtnClickHandler">前往抽奖</div>
33 <div class="model-bottom-line"></div> 33 <div class="model-bottom-line"></div>
...@@ -412,7 +412,7 @@ export default { ...@@ -412,7 +412,7 @@ export default {
412 background-color: transparent; 412 background-color: transparent;
413 } 413 }
414 .model-bottom-line { 414 .model-bottom-line {
415 height: 80px; 415 height: 60px;
416 background-color: transparent; 416 background-color: transparent;
417 } 417 }
418 418
......
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
20 <!-- <div 20 <!-- <div
21 v-if="data.drawResult.prizeType == 'coupon'" 21 v-if="data.drawResult.prizeType == 'coupon'"
22 class="prize-sn" 22 class="prize-sn"
23 >{{data.drawResult.prizeSn}}</div> --> 23 >{{data.drawResult.prizeSn}}</div>-->
24 <div class="tip-container"> 24 <div class="tip-container">
25 <span class="use-tip">奖品说明</span> 25 <span class="use-tip">奖品说明</span>
26 </div> 26 </div>
...@@ -59,23 +59,47 @@ ...@@ -59,23 +59,47 @@
59 <div class="form-item"> 59 <div class="form-item">
60 <div class="form-label">收件姓名：</div> 60 <div class="form-label">收件姓名：</div>
61 <div class="form-input"> 61 <div class="form-input">
62 <input v-model="submitForm.contactName" placeholder="请填写真实姓名" /> 62 <input
63 :class="{readonly : data.drawResult.readonly}"
64 :readonly="data.drawResult.readonly ? 'readonly' : false"
65 v-model="submitForm.contactName"
66 placeholder="请填写真实姓名"
67 />
63 </div> 68 </div>
64 </div> 69 </div>
65 <div class="form-item"> 70 <div class="form-item">
66 <div class="form-label">联系方式：</div> 71 <div class="form-label">联系方式：</div>
67 <div class="form-input"> 72 <div class="form-input">
68 <input v-model="submitForm.contactMobile" placeholder="请填写手机号码" /> 73 <input
74 :class="{readonly : data.drawResult.readonly}"
75 :readonly="data.drawResult.readonly ? 'readonly' : false"
76 v-model="submitForm.contactMobile"
77 placeholder="请填写手机号码"
78 />
69 </div> 79 </div>
70 </div> 80 </div>
71 <div class="form-item align-top"> 81 <div class="form-item align-top">
72 <div class="form-label">收件地址：</div> 82 <div class="form-label">收件地址：</div>
73 <div class="form-input"> 83 <div class="form-input">
74 <textarea v-model="submitForm.address" placeholder="请填写真实收件地址" rows="3" cols="20"></textarea> 84 <textarea
85 :class="{readonly : data.drawResult.readonly}"
86 :readonly="data.drawResult.readonly ? 'readonly' : false"
87 v-model="submitForm.address"
88 placeholder="请填写真实收件地址"
89 rows="2"
90 cols="20"
91 ></textarea>
75 </div> 92 </div>
76 </div> 93 </div>
94
95 <div class="form-item form-tip ">*礼品统一9月27日后寄出</div>
77 </div> 96 </div>
78 <div class="sys-btn-02 base-top" @click="submitContactHandler">确认提交</div> 97 <div
98 class="sys-btn-02 sm-margin-top lg-margin-top"
99 v-if="!data.drawResult.readonly"
100 @click="submitContactHandler"
101 >确认提交</div>
102 <div class="sys-btn-02 sm-margin-top lg-margin-top" v-if="data.drawResult.readonly" @click="modelBtnClickHandler">返回</div>
79 </div> 103 </div>
80 </div> 104 </div>
81 105
...@@ -193,6 +217,8 @@ export default { ...@@ -193,6 +217,8 @@ export default {
193 show: false, 217 show: false,
194 drawResult: {} 218 drawResult: {}
195 }; 219 };
220
221 console.log("created");
196 } 222 }
197 }; 223 };
198 </script> 224 </script>
...@@ -363,6 +389,28 @@ input::-webkit-input-placeholder { ...@@ -363,6 +389,28 @@ input::-webkit-input-placeholder {
363 font-size: 26px; 389 font-size: 26px;
364 } 390 }
365 391
392 .readonly {
393 border: none !important;
394 background-color: transparent !important;
395 padding-top:0;
396 }
397
398 .form-tip {
399 font-size: 26px;
400 text-align: left;
401 color: #909090;
402 margin-left: 35px;
403 margin-bottom: 10px !important;
404 }
405
406 .sm-margin-top {
407 margin-top: 10px !important;
408 }
409
410 .lg-margin-top{
411 margin-bottom: 40px !important;
412 }
413
366 .prize-sn { 414 .prize-sn {
367 text-align: center; 415 text-align: center;
368 font-size: 30px; 416 font-size: 30px;
......
...@@ -114,7 +114,7 @@ export default { ...@@ -114,7 +114,7 @@ export default {
114 114
115 <style lang="less" scoped> 115 <style lang="less" scoped>
116 .bottom-panel { 116 .bottom-panel {
117 z-index: 999; 117 z-index: 1100;
118 position: fixed; 118 position: fixed;
119 bottom: 0; 119 bottom: 0;
120 height: 165px; 120 height: 165px;
......
...@@ -172,6 +172,9 @@ export default { ...@@ -172,6 +172,9 @@ export default {
172 }, 172 },
173 mounted() { 173 mounted() {
174 this.initActivity(); 174 this.initActivity();
175 },
176 created(){
177 document.body.scrollTop = 0;
175 } 178 }
176 }; 179 };
177 </script> 180 </script>
......
...@@ -38,6 +38,7 @@ export default { ...@@ -38,6 +38,7 @@ export default {
38 title: "", 38 title: "",
39 content: "", 39 content: "",
40 index: "subcribe-02", 40 index: "subcribe-02",
41 // index : "submit",
41 btnShow: false, 42 btnShow: false,
42 btnText: "", 43 btnText: "",
43 confirmHandler: null, 44 confirmHandler: null,
......
...@@ -87,20 +87,13 @@ export default { ...@@ -87,20 +87,13 @@ export default {
87 viewDetailHandler(item) { 87 viewDetailHandler(item) {
88 console.log(item); 88 console.log(item);
89 this.model.drawResult = item; 89 this.model.drawResult = item;
90 let type = item.prizeType;
91 switch (type) {
92 case "real":
93 this.model.drawResult.readonly = this.model.drawResult.contactName ? true : false
94 break;
95 }
90 this.model.show = true; 96 this.model.show = true;
91 // let type = item.prizeType;
92 // switch (type) {
93 // case "real":
94 // this.model.drawResult = item;
95 // this.model.show = true;
96 // break;
97 // case "coupon":
98 // location.href = global_view_coupon_url;
99 // break;
100 // default:
101 // location.href = global_view_integral_url;
102 // break;
103 // }
104 }, 97 },
105 backHandler(){ 98 backHandler(){
106 window.history.go(-1); 99 window.history.go(-1);
......
...@@ -60,14 +60,14 @@ ...@@ -60,14 +60,14 @@
60 </div> 60 </div>
61 </div> 61 </div>
62 </div> 62 </div>
63 <div class="sys-btn-02" :class="{disabled : !autoRegister}" @click="submitFormHandler">确认提交</div> 63 <div class="sys-btn-02" @click="submitFormHandler">确认提交</div>
64 64
65 <div 65 <div
66 class="center base-margin-top auto-register-tips" 66 class="center base-margin-top auto-register-tips"
67 @click="acceptRegisterHandler" 67 @click="acceptRegisterHandler"
68 v-if="formData.worksCode == '' || formData.worksCode == null " 68 v-if="formData.worksCode == '' || formData.worksCode == null "
69 > 69 >
70 <div class="icon-register" :class="{activity : autoRegister}"></div> 70 <div class="icon-register activity"></div>
71 <div class="tips">自动注册为立白集团会员，立享会员权益，详见“更多福利”</div> 71 <div class="tips">自动注册为立白集团会员，立享会员权益，详见“更多福利”</div>
72 </div> 72 </div>
73 73
...@@ -146,9 +146,9 @@ export default { ...@@ -146,9 +146,9 @@ export default {
146 this.area.show = false; 146 this.area.show = false;
147 }, 147 },
148 acceptRegisterHandler() { 148 acceptRegisterHandler() {
149 this.autoRegister = !this.autoRegister; 149 // this.autoRegister = !this.autoRegister;
150 if (!this.autoRegister) { 150 // if (!this.autoRegister) {
151 } 151 // }
152 }, 152 },
153 showAgreementHandler() { 153 showAgreementHandler() {
154 this.$emit("agreement"); 154 this.$emit("agreement");
...@@ -224,7 +224,8 @@ export default { ...@@ -224,7 +224,8 @@ export default {
224 .catch(res => { 224 .catch(res => {
225 this.loading = false; 225 this.loading = false;
226 Toast.clear(); 226 Toast.clear();
227 Toast("作品提交失败"); 227 let msg = res.errMsg ? res.errMsg : "作品提交失败";
228 Toast(msg);
228 }); 229 });
229 } 230 }
230 }, 231 },
......
...@@ -16,15 +16,16 @@ ...@@ -16,15 +16,16 @@
16 v-if="!fileList || fileList.length < 3" 16 v-if="!fileList || fileList.length < 3"
17 >+</van-uploader> 17 >+</van-uploader>
18 18
19 <image-clipper 19 <div v-if="imageData.show" class="image-clipper-container" @touchmove.prevent>
20 ref="clipper" 20 <image-clipper
21 v-if="imageData.show" 21 ref="clipper"
22 :img="imageData.data" 22 :img="imageData.data"
23 :clipper-img-width="750" 23 :clipper-img-width="750"
24 :clipper-img-height="380.95" 24 :clipper-img-height="380.95"
25 @ok="imageClipperHandler" 25 @ok="imageClipperHandler"
26 @cancel="imageData.show=false" 26 @cancel="imageData.show=false"
27 ></image-clipper> 27 ></image-clipper>
28 </div>
28 </div> 29 </div>
29 </template> 30 </template>
30 31
...@@ -144,7 +145,8 @@ export default { ...@@ -144,7 +145,8 @@ export default {
144 }, 145 },
145 components: { 146 components: {
146 ImageClipper 147 ImageClipper
147 } 148 },
149 created() {}
148 }; 150 };
149 </script> 151 </script>
150 152
...@@ -191,6 +193,15 @@ export default { ...@@ -191,6 +193,15 @@ export default {
191 } 193 }
192 } 194 }
193 195
196 .image-clipper-container {
197 position: fixed;
198 left: 0;
199 top: 0;
200 right: 0;
201 bottom: 0;
202 z-index: 1200;
203 }
204
194 .avatar { 205 .avatar {
195 max-width: 120px; 206 max-width: 120px;
196 max-height: 120px; 207 max-height: 120px;
......
...@@ -37,6 +37,9 @@ export default { ...@@ -37,6 +37,9 @@ export default {
37 }, 37 },
38 components: { 38 components: {
39 BottomTool 39 BottomTool
40 },
41 created(){
42 document.body.scrollTop = 0;
40 } 43 }
41 }; 44 };
42 </script> 45 </script>
......