1
Showing
11 changed files
with
240 additions
and
85 deletions
... | @@ -11,7 +11,7 @@ as.defineAvatar = "http://cdn.aiwanpai.com/s/d.jpg"; | ... | @@ -11,7 +11,7 @@ as.defineAvatar = "http://cdn.aiwanpai.com/s/d.jpg"; |
11 | as.shareLink = as.domains + "/index.html"; | 11 | as.shareLink = as.domains + "/index.html"; |
12 | as.shareImgUrl = as.domains + "/share.jpg"; | 12 | as.shareImgUrl = as.domains + "/share.jpg"; |
13 | as.shareTitle = "我C位出道,需要你的一票"; | 13 | as.shareTitle = "我C位出道,需要你的一票"; |
14 | as.shareDesc = "C位出道需要你的一票。你也想成为C位主角吗?不要犹豫了,赶紧来报名吧!" | 14 | as.shareDesc = "你也想成为C位主角吗?立乐家“小戏骨选拔赛“,让你C位出道,赶紧来报名吧!" |
15 | as.success = function () { }; | 15 | as.success = function () { }; |
16 | as.appSuccess = function () { }; | 16 | as.appSuccess = function () { }; |
17 | 17 | ... | ... |
src/assets/imgs/qrcode-bg.png
0 → 100644
1.27 KB
... | @@ -19,6 +19,23 @@ | ... | @@ -19,6 +19,23 @@ |
19 | </div> | 19 | </div> |
20 | </div> | 20 | </div> |
21 | 21 | ||
22 | <div class="model" v-if="data.index == 'subcribe'"> | ||
23 | <div class="model-close" @click="modelCloseHandler"></div> | ||
24 | <div class="model-content"> | ||
25 | <div class="model-head-line"></div> | ||
26 | <div class="model-title">微信提示</div> | ||
27 | |||
28 | <div class="successModel"> | ||
29 | <div class="model-data">扫码关注<br>及时了解最新赛况及结果哦!</div> | ||
30 | <div class="qrcode"> | ||
31 | <img src="../../assets/imgs/walfare-qrcode.png" /> | ||
32 | </div> | ||
33 | |||
34 | <div class="model-bottom-line"></div> | ||
35 | </div> | ||
36 | </div> | ||
37 | </div> | ||
38 | |||
22 | <div class="model rule-model" v-if="data.index == 'rule'"> | 39 | <div class="model rule-model" v-if="data.index == 'rule'"> |
23 | <div class="model-close" @click="modelCloseHandler"></div> | 40 | <div class="model-close" @click="modelCloseHandler"></div> |
24 | <!-- 规则--> | 41 | <!-- 规则--> |
... | @@ -127,7 +144,7 @@ export default { | ... | @@ -127,7 +144,7 @@ export default { |
127 | background-color: transparent; | 144 | background-color: transparent; |
128 | } | 145 | } |
129 | .model-bottom-line { | 146 | .model-bottom-line { |
130 | height: 50px; | 147 | height: 80px; |
131 | background-color: transparent; | 148 | background-color: transparent; |
132 | } | 149 | } |
133 | 150 | ||
... | @@ -172,6 +189,22 @@ export default { | ... | @@ -172,6 +189,22 @@ export default { |
172 | text-align: center; | 189 | text-align: center; |
173 | } | 190 | } |
174 | 191 | ||
192 | .qrcode { | ||
193 | width: 187px; | ||
194 | height: 195px; | ||
195 | line-height: 195px; | ||
196 | background: url(../../assets/imgs/qrcode-bg.png) no-repeat; | ||
197 | background-size: 100%; | ||
198 | margin: auto; | ||
199 | text-align: center; | ||
200 | display: flex; | ||
201 | align-items: center; | ||
202 | justify-content: center; | ||
203 | img { | ||
204 | width: 170px; | ||
205 | } | ||
206 | } | ||
207 | |||
175 | .rule-model { | 208 | .rule-model { |
176 | width: 600px !important; | 209 | width: 600px !important; |
177 | 210 | ... | ... |
... | @@ -26,15 +26,39 @@ | ... | @@ -26,15 +26,39 @@ |
26 | <div class="name">更多福利</div> | 26 | <div class="name">更多福利</div> |
27 | </div> | 27 | </div> |
28 | </div> | 28 | </div> |
29 | |||
30 | <biz-model v-model="model"></biz-model> | ||
29 | </div> | 31 | </div> |
30 | </template> | 32 | </template> |
31 | 33 | ||
32 | <script> | 34 | <script> |
35 | let urls = { | ||
36 | index: "/jiajiaCHApi/app/index" | ||
37 | }; | ||
38 | |||
39 | import { httpGet } from "@/api/fetch-api"; | ||
40 | import BizModel from "@/components/biz-model/biz-model"; | ||
41 | |||
33 | export default { | 42 | export default { |
34 | props: ["value"], | 43 | props: ["value"], |
35 | data() { | 44 | data() { |
36 | return { | 45 | return { |
37 | activityIndex: this.value | 46 | activityIndex: this.value, |
47 | model: { | ||
48 | show: false, | ||
49 | title: "", | ||
50 | content: "", | ||
51 | index: "subcribe", | ||
52 | btnShow: false, | ||
53 | btnText: "", | ||
54 | confirmHandler: null, | ||
55 | labelBtnShow: false, | ||
56 | labelBtnText: "", | ||
57 | labelBtnHandler: null | ||
58 | }, | ||
59 | indexData: { | ||
60 | isSubcribe: 0 | ||
61 | } | ||
38 | }; | 62 | }; |
39 | }, | 63 | }, |
40 | methods: { | 64 | methods: { |
... | @@ -45,16 +69,20 @@ export default { | ... | @@ -45,16 +69,20 @@ export default { |
45 | this.activityIndex = index; | 69 | this.activityIndex = index; |
46 | switch (this.activityIndex) { | 70 | switch (this.activityIndex) { |
47 | case 1: | 71 | case 1: |
48 | this.$router.push("/"); | 72 | this.$router.push("/"); |
49 | break; | 73 | break; |
50 | case 2: | 74 | case 2: |
75 | if (this.indexData.isSubcribe == 1) { | ||
51 | this.$router.push("/sign"); | 76 | this.$router.push("/sign"); |
77 | } else { | ||
78 | this.model.show = true; | ||
79 | } | ||
52 | break; | 80 | break; |
53 | case 3: | 81 | case 3: |
54 | this.$router.push("/list"); | 82 | this.$router.push("/list"); |
55 | break; | 83 | break; |
56 | case 4: | 84 | case 4: |
57 | this.$router.push("/welfare"); | 85 | this.$router.push("/welfare"); |
58 | break; | 86 | break; |
59 | } | 87 | } |
60 | this.$emit("selectChange", this.activityIndex); | 88 | this.$emit("selectChange", this.activityIndex); |
... | @@ -64,6 +92,13 @@ export default { | ... | @@ -64,6 +92,13 @@ export default { |
64 | if (!this.activityIndex) { | 92 | if (!this.activityIndex) { |
65 | this.activityIndex = 1; | 93 | this.activityIndex = 1; |
66 | } | 94 | } |
95 | |||
96 | httpGet({ url: urls.index }).then(res => { | ||
97 | this.indexData = res; | ||
98 | }); | ||
99 | }, | ||
100 | components: { | ||
101 | BizModel | ||
67 | } | 102 | } |
68 | }; | 103 | }; |
69 | </script> | 104 | </script> | ... | ... |
... | @@ -330,7 +330,7 @@ export default { | ... | @@ -330,7 +330,7 @@ export default { |
330 | position: fixed; | 330 | position: fixed; |
331 | left: 0; | 331 | left: 0; |
332 | top: 30px; | 332 | top: 30px; |
333 | z-index: 8000; | 333 | z-index: 2000; |
334 | } | 334 | } |
335 | .btn-prize-list{ | 335 | .btn-prize-list{ |
336 | width: 166px; | 336 | width: 166px; |
... | @@ -340,6 +340,6 @@ export default { | ... | @@ -340,6 +340,6 @@ export default { |
340 | position: fixed; | 340 | position: fixed; |
341 | right: 0; | 341 | right: 0; |
342 | top: 30px; | 342 | top: 30px; |
343 | z-index: 8000; | 343 | z-index: 2000; |
344 | } | 344 | } |
345 | </style> | 345 | </style> | ... | ... |
... | @@ -8,27 +8,66 @@ | ... | @@ -8,27 +8,66 @@ |
8 | <div class="leap-02"></div> | 8 | <div class="leap-02"></div> |
9 | <div class="leap-03"></div> | 9 | <div class="leap-03"></div> |
10 | <div class="remain"></div> | 10 | <div class="remain"></div> |
11 | |||
12 | <biz-model v-model="model"></biz-model> | ||
11 | <bottom-tool v-model="activityIndex"></bottom-tool> | 13 | <bottom-tool v-model="activityIndex"></bottom-tool> |
12 | </div> | 14 | </div> |
13 | </template> | 15 | </template> |
14 | 16 | ||
15 | <script> | 17 | <script> |
18 | let urls = { | ||
19 | index: "/jiajiaCHApi/app/index" | ||
20 | }; | ||
21 | |||
22 | import { httpGet } from "@/api/fetch-api"; | ||
23 | |||
16 | import BottomTool from "@/components/bottom-tools/bottom-tools"; | 24 | import BottomTool from "@/components/bottom-tools/bottom-tools"; |
25 | import BizModel from "@/components/biz-model/biz-model"; | ||
26 | |||
27 | import Vue from "vue"; | ||
28 | import { Toast } from "vant"; | ||
29 | Vue.use(Toast); | ||
17 | 30 | ||
18 | export default { | 31 | export default { |
19 | name: "home", | 32 | name: "home", |
20 | data() { | 33 | data() { |
21 | return { | 34 | return { |
22 | activityIndex: 1 | 35 | activityIndex: 1, |
36 | model: { | ||
37 | show: false, | ||
38 | title: "", | ||
39 | content: "", | ||
40 | index: "subcribe", | ||
41 | btnShow: false, | ||
42 | btnText: "", | ||
43 | confirmHandler: null, | ||
44 | labelBtnShow: false, | ||
45 | labelBtnText: "", | ||
46 | labelBtnHandler: null | ||
47 | } | ||
23 | }; | 48 | }; |
24 | }, | 49 | }, |
25 | methods: { | 50 | methods: { |
26 | toSign() { | 51 | toSign() { |
27 | this.$router.push("/sign"); | 52 | |
53 | Toast.loading({ | ||
54 | mask: true, | ||
55 | message: "请稍等..." | ||
56 | }); | ||
57 | |||
58 | httpGet({ url: urls.index }).then(res => { | ||
59 | Toast.clear(); | ||
60 | if (res.isSubcribe == 1) { | ||
61 | this.$router.push("/sign"); | ||
62 | } else { | ||
63 | this.model.show = true; | ||
64 | } | ||
65 | }); | ||
28 | } | 66 | } |
29 | }, | 67 | }, |
30 | components: { | 68 | components: { |
31 | BottomTool | 69 | BottomTool, |
70 | BizModel | ||
32 | } | 71 | } |
33 | }; | 72 | }; |
34 | </script> | 73 | </script> | ... | ... |
... | @@ -7,13 +7,13 @@ | ... | @@ -7,13 +7,13 @@ |
7 | <div class="search-btn" @click="searchWorksHandler('searchBtn')"></div> | 7 | <div class="search-btn" @click="searchWorksHandler('searchBtn')"></div> |
8 | </div> | 8 | </div> |
9 | <van-row> | 9 | <van-row> |
10 | <van-list v-model="isLoading" :finished="!hasMore" finished-text="" @load="refreshMore"> | 10 | <van-list v-model="isLoading" :finished="!hasMore" finished-text @load="refreshMore"> |
11 | <van-cell v-for="(itemList,index1) in worksList" :key="index1"> | 11 | <van-cell v-for="(itemList,index1) in worksList" :key="index1"> |
12 | <van-col span="12" v-for="(item,index2) in itemList" :key="index2"> | 12 | <van-col span="12" v-for="(item,index2) in itemList" :key="index2"> |
13 | <div class="worksItem" @click="toWorksViewHandler(item.worksCode)"> | 13 | <div class="worksItem" @click="toWorksViewHandler(item.worksCode)"> |
14 | <div | 14 | <div |
15 | class="worksThumb" | 15 | class="worksThumb" |
16 | v-bind:style="{backgroundImage:'url(' + item.worksList && item.worksList[0] && item.worksList[0].worksUrl + ')'}" | 16 | v-bind:style="{backgroundImage:'url(' + (item.worksList && item.worksList[0] ? item.worksList[0].worksUrl : '') + ')'}" |
17 | ></div> | 17 | ></div> |
18 | <div class="worksDescription"> | 18 | <div class="worksDescription"> |
19 | <div class="worksNo">{{item.worksNo}}</div> | 19 | <div class="worksNo">{{item.worksNo}}</div> |
... | @@ -49,7 +49,9 @@ import Vue from "vue"; | ... | @@ -49,7 +49,9 @@ import Vue from "vue"; |
49 | import { Row, Col } from "vant"; | 49 | import { Row, Col } from "vant"; |
50 | import { Icon } from "vant"; | 50 | import { Icon } from "vant"; |
51 | import { List, Cell } from "vant"; | 51 | import { List, Cell } from "vant"; |
52 | import { Toast } from "vant"; | ||
52 | 53 | ||
54 | Vue.use(Toast); | ||
53 | Vue.use(List).use(Cell); | 55 | Vue.use(List).use(Cell); |
54 | Vue.use(Icon); | 56 | Vue.use(Icon); |
55 | Vue.use(Row).use(Col); | 57 | Vue.use(Row).use(Col); |
... | @@ -65,15 +67,15 @@ export default { | ... | @@ -65,15 +67,15 @@ export default { |
65 | lastQuery: "", | 67 | lastQuery: "", |
66 | listForm: { | 68 | listForm: { |
67 | query: "", | 69 | query: "", |
68 | page: 1, | 70 | page: 0, |
69 | size: 20 | 71 | size: 20 |
70 | } | 72 | } |
71 | }; | 73 | }; |
72 | }, | 74 | }, |
73 | methods: { | 75 | methods: { |
74 | initActvity() { | 76 | // initActvity() { |
75 | this.searchWorksHandler(); | 77 | // this.searchWorksHandler(); |
76 | }, | 78 | // }, |
77 | toWorksViewHandler(code) { | 79 | toWorksViewHandler(code) { |
78 | this.$emit("worksDetail", { worksCode: code }); | 80 | this.$emit("worksDetail", { worksCode: code }); |
79 | }, | 81 | }, |
... | @@ -84,8 +86,14 @@ export default { | ... | @@ -84,8 +86,14 @@ export default { |
84 | } | 86 | } |
85 | this.lastQuery = this.listForm.query; | 87 | this.lastQuery = this.listForm.query; |
86 | this.listForm.page = 1; | 88 | this.listForm.page = 1; |
89 | Toast.loading({ | ||
90 | mask: true, | ||
91 | message: "加载中..." | ||
92 | }); | ||
87 | } | 93 | } |
94 | console.log("this.listForm === ", this.listForm); | ||
88 | httpGet({ url: urls.list, data: this.listForm }).then(res => { | 95 | httpGet({ url: urls.list, data: this.listForm }).then(res => { |
96 | Toast.clear(); | ||
89 | let list = []; | 97 | let list = []; |
90 | if (this.listForm.page != 1) { | 98 | if (this.listForm.page != 1) { |
91 | list = this.worksList; | 99 | list = this.worksList; |
... | @@ -107,6 +115,8 @@ export default { | ... | @@ -107,6 +115,8 @@ export default { |
107 | // 加载更多 | 115 | // 加载更多 |
108 | this.hasMore = res.list.length == this.listForm.size; | 116 | this.hasMore = res.list.length == this.listForm.size; |
109 | this.isLoading = false; | 117 | this.isLoading = false; |
118 | }).catch(e=>{ | ||
119 | Toast.clear(); | ||
110 | }); | 120 | }); |
111 | }, | 121 | }, |
112 | refreshMore() { | 122 | refreshMore() { |
... | @@ -116,7 +126,7 @@ export default { | ... | @@ -116,7 +126,7 @@ export default { |
116 | } | 126 | } |
117 | }, | 127 | }, |
118 | created() { | 128 | created() { |
119 | this.initActvity(); | 129 | // this.initActvity(); |
120 | } | 130 | } |
121 | }; | 131 | }; |
122 | </script> | 132 | </script> |
... | @@ -165,12 +175,12 @@ export default { | ... | @@ -165,12 +175,12 @@ export default { |
165 | } | 175 | } |
166 | } | 176 | } |
167 | 177 | ||
168 | |||
169 | .van-row { | 178 | .van-row { |
170 | margin-top: 30px; | 179 | margin-top: 30px; |
180 | min-height: 400px; | ||
171 | } | 181 | } |
172 | 182 | ||
173 | .van-cell{ | 183 | .van-cell { |
174 | padding: 0; | 184 | padding: 0; |
175 | } | 185 | } |
176 | 186 | ||
... | @@ -181,6 +191,7 @@ export default { | ... | @@ -181,6 +191,7 @@ export default { |
181 | border: solid 1px #d1d0d0; | 191 | border: solid 1px #d1d0d0; |
182 | box-shadow: 2px 2px 2px #d1d0d0; | 192 | box-shadow: 2px 2px 2px #d1d0d0; |
183 | border-radius: 20px; | 193 | border-radius: 20px; |
194 | overflow: hidden; | ||
184 | 195 | ||
185 | .worksThumb { | 196 | .worksThumb { |
186 | width: 300px; | 197 | width: 300px; |
... | @@ -193,12 +204,13 @@ export default { | ... | @@ -193,12 +204,13 @@ export default { |
193 | padding-left: 10px; | 204 | padding-left: 10px; |
194 | 205 | ||
195 | div { | 206 | div { |
196 | font-size: 26px; | 207 | font-size: 22px; |
197 | height: 60px; | 208 | height: 60px; |
198 | line-height: 60px; | 209 | line-height: 60px; |
199 | text-align: left; | 210 | text-align: left; |
200 | text-overflow: ellipsis; | 211 | text-overflow: ellipsis; |
201 | overflow: hidden; | 212 | overflow: hidden; |
213 | font-weight: 600; | ||
202 | } | 214 | } |
203 | 215 | ||
204 | .worksNo { | 216 | .worksNo { |
... | @@ -221,7 +233,7 @@ export default { | ... | @@ -221,7 +233,7 @@ export default { |
221 | } | 233 | } |
222 | } | 234 | } |
223 | .empty { | 235 | .empty { |
224 | padding-top: 100px; | 236 | padding-top: 30px; |
225 | height: 300px; | 237 | height: 300px; |
226 | 238 | ||
227 | .empty-icon { | 239 | .empty-icon { | ... | ... |
... | @@ -2,7 +2,9 @@ | ... | @@ -2,7 +2,9 @@ |
2 | <div class="viewClass" v-if="formData"> | 2 | <div class="viewClass" v-if="formData"> |
3 | <div class="btn-back" @click="backHandler"></div> | 3 | <div class="btn-back" @click="backHandler"></div> |
4 | <div class="sys-container-panel content"> | 4 | <div class="sys-container-panel content"> |
5 | <div class="container-title">小选手:{{formData.name}}</div> | 5 | <div class="container-title"> |
6 | <div>小选手:{{formData.name}}</div> | ||
7 | </div> | ||
6 | <div class="head-line"></div> | 8 | <div class="head-line"></div> |
7 | <div class="swipe"> | 9 | <div class="swipe"> |
8 | <van-swipe :autoplay="5000"> | 10 | <van-swipe :autoplay="5000"> |
... | @@ -43,20 +45,24 @@ | ... | @@ -43,20 +45,24 @@ |
43 | </div> | 45 | </div> |
44 | 46 | ||
45 | <div class="view-btn-group"> | 47 | <div class="view-btn-group"> |
46 | <div class="sys-btn-02" @click="selfPraiseHandler">投TA一票</div> | 48 | <div class="sys-btn-02" @click="praiseHandler">投TA一票</div> |
47 | <div class="sys-btn-02" @click="showShareHandler">呼叫亲友团</div> | 49 | <div class="sys-btn-02" @click="showShareHandler">呼叫亲友团</div> |
48 | </div> | 50 | </div> |
49 | 51 | ||
50 | <div class="btn-tips">*每用户每天仅能投票一次</div> | 52 | <div class="btn-tips">*每用户每天仅能投票一次</div> |
53 | |||
54 | <biz-model v-model="model"></biz-model> | ||
51 | </div> | 55 | </div> |
52 | </template> | 56 | </template> |
53 | 57 | ||
54 | <script> | 58 | <script> |
55 | let urls = { | 59 | let urls = { |
60 | index: "/jiajiaCHApi/app/index", | ||
56 | praise: "/jiajiaCHApi/app/works/praise" | 61 | praise: "/jiajiaCHApi/app/works/praise" |
57 | }; | 62 | }; |
58 | 63 | ||
59 | import { request } from "@/api/fetch-api"; | 64 | import { request, httpGet } from "@/api/fetch-api"; |
65 | import BizModel from "@/components/biz-model/biz-model"; | ||
60 | 66 | ||
61 | import Vue from "vue"; | 67 | import Vue from "vue"; |
62 | import { Toast } from "vant"; | 68 | import { Toast } from "vant"; |
... | @@ -70,33 +76,43 @@ export default { | ... | @@ -70,33 +76,43 @@ export default { |
70 | data() { | 76 | data() { |
71 | return { | 77 | return { |
72 | formData: this.value.data, | 78 | formData: this.value.data, |
73 | isMy: this.value.isMy | 79 | isMy: this.value.isMy, |
80 | model: { | ||
81 | show: false, | ||
82 | title: "", | ||
83 | content: "", | ||
84 | index: "subcribe", | ||
85 | btnShow: false, | ||
86 | btnText: "", | ||
87 | confirmHandler: null, | ||
88 | labelBtnShow: false, | ||
89 | labelBtnText: "", | ||
90 | labelBtnHandler: null | ||
91 | } | ||
74 | }; | 92 | }; |
75 | }, | 93 | }, |
76 | methods: { | 94 | methods: { |
77 | formEditHandler() { | 95 | praiseHandler() { |
78 | this.$emit("edit"); | ||
79 | }, | ||
80 | selfPraiseHandler() { | ||
81 | // 自己点赞 | ||
82 | let data = { | ||
83 | worksCode: this.formData.worksCode | ||
84 | }; | ||
85 | Toast.loading({ | 96 | Toast.loading({ |
86 | mask: true, | 97 | mask: true, |
87 | message: "数据提交..." | 98 | message: "请稍等..." |
88 | }); | 99 | }); |
89 | request | 100 | httpGet({ url: urls.index }).then(res => { |
90 | .post(urls.praise, data) | 101 | if (res.isSubcribe == 1) { |
91 | .then(res => { | 102 | let data = { |
103 | worksCode: this.formData.worksCode | ||
104 | }; | ||
105 | request.post(urls.praise, data).then(res => { | ||
106 | Toast.clear(); | ||
107 | this.$emit("praiseSuccess"); | ||
108 | }); | ||
109 | } else { | ||
92 | Toast.clear(); | 110 | Toast.clear(); |
93 | this.$emit("praiseSuccess"); | 111 | this.model.show = true; |
94 | }) | 112 | } |
95 | .catch(res => { | 113 | }); |
96 | let msg = res.data.errMsg; | ||
97 | Toast(msg); | ||
98 | }); | ||
99 | }, | 114 | }, |
115 | |||
100 | showShareHandler() { | 116 | showShareHandler() { |
101 | // 出现分享层 | 117 | // 出现分享层 |
102 | this.$emit("showShare"); | 118 | this.$emit("showShare"); |
... | @@ -104,6 +120,9 @@ export default { | ... | @@ -104,6 +120,9 @@ export default { |
104 | backHandler() { | 120 | backHandler() { |
105 | this.$emit("back"); | 121 | this.$emit("back"); |
106 | } | 122 | } |
123 | }, | ||
124 | components: { | ||
125 | BizModel | ||
107 | } | 126 | } |
108 | }; | 127 | }; |
109 | </script> | 128 | </script> |
... | @@ -234,8 +253,11 @@ export default { | ... | @@ -234,8 +253,11 @@ export default { |
234 | } | 253 | } |
235 | } | 254 | } |
236 | 255 | ||
237 | .container-title { | 256 | .container-title div { |
257 | width: 350px; | ||
258 | margin: auto; | ||
238 | font-size: 28px; | 259 | font-size: 28px; |
260 | font-weight: bold; | ||
239 | text-overflow: ellipsis; | 261 | text-overflow: ellipsis; |
240 | overflow: hidden; | 262 | overflow: hidden; |
241 | } | 263 | } |
... | @@ -268,6 +290,6 @@ export default { | ... | @@ -268,6 +290,6 @@ export default { |
268 | position: fixed; | 290 | position: fixed; |
269 | left: 0; | 291 | left: 0; |
270 | top: 30px; | 292 | top: 30px; |
271 | z-index: 8000; | 293 | z-index: 1000; |
272 | } | 294 | } |
273 | </style> | 295 | </style> | ... | ... |
... | @@ -3,21 +3,21 @@ | ... | @@ -3,21 +3,21 @@ |
3 | <head-view></head-view> | 3 | <head-view></head-view> |
4 | <bottom-tool v-model="activityIndex"></bottom-tool> | 4 | <bottom-tool v-model="activityIndex"></bottom-tool> |
5 | 5 | ||
6 | <works-list-view | 6 | <works-list-view |
7 | v-model="formData" | 7 | v-model="formData" |
8 | v-if="init" | 8 | v-if="init" |
9 | v-show="listVisiabled" | 9 | v-show="listVisiabled" |
10 | v-on:showRule="showRuleHandler" | 10 | v-on:showRule="showRuleHandler" |
11 | v-on:worksDetail="showWorksDetail" | 11 | v-on:worksDetail="showWorksDetail" |
12 | ></works-list-view> | 12 | ></works-list-view> |
13 | 13 | ||
14 | <member-works-view | 14 | <member-works-view |
15 | v-model="memberWorks" | 15 | v-model="memberWorks" |
16 | v-if="init && !listVisiabled" | 16 | v-if="init && !listVisiabled" |
17 | v-on:back="showWorksList" | 17 | v-on:back="showWorksList" |
18 | v-on:praiseSuccess="praiseSuccessHandler" | 18 | v-on:praiseSuccess="praiseSuccessHandler" |
19 | v-on:showShare="shareModelVisiable=true" | 19 | v-on:showShare="shareModelVisiable=true" |
20 | ></member-works-view> | 20 | ></member-works-view> |
21 | 21 | ||
22 | <biz-model v-model="model"></biz-model> | 22 | <biz-model v-model="model"></biz-model> |
23 | 23 | ||
... | @@ -135,7 +135,19 @@ export default { | ... | @@ -135,7 +135,19 @@ export default { |
135 | showWorksList() { | 135 | showWorksList() { |
136 | this.listVisiabled = true; | 136 | this.listVisiabled = true; |
137 | }, | 137 | }, |
138 | praiseSuccessHandler() {}, | 138 | praiseSuccessHandler() { |
139 | this.model.show = true; | ||
140 | this.model.title = "点赞成功"; | ||
141 | this.model.content = "您已获得一次抽奖机会"; | ||
142 | this.model.btnShow = true; | ||
143 | this.model.btnText = "前往抽奖"; | ||
144 | |||
145 | let that = this; | ||
146 | this.model.confirmHandler = function() { | ||
147 | that.$router.push("/draw"); | ||
148 | }; | ||
149 | this.model.labelBtnShow = false; | ||
150 | } | ||
139 | }, | 151 | }, |
140 | created() { | 152 | created() { |
141 | this.initActivity(); | 153 | this.initActivity(); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="home"> | 2 | <div class="home"> |
3 | <head-view></head-view> | 3 | <head-view></head-view> |
4 | 4 | ||
5 | <ViewModel | 5 | <ViewModel |
6 | v-model="formData" | 6 | v-model="formData" |
7 | v-if="init && !formEdit" | 7 | v-if="init && !formEdit" |
8 | v-on:edit="formEdit=true" | 8 | v-on:edit="formEdit=true" |
9 | v-on:praiseSuccess="showPraiseSuccessModel" | 9 | v-on:praiseSuccess="showPraiseSuccessModel" |
10 | v-on:showShare="shareModelVisiable=true" | 10 | v-on:showShare="shareModelVisiable=true" |
11 | ></ViewModel> | 11 | ></ViewModel> |
12 | <EditModel v-model="formData" v-if="init && formEdit" v-on:submit="showSuccessModel"></EditModel> | 12 | <EditModel v-model="formData" v-if="init && formEdit" v-on:submit="showSuccessModel"></EditModel> |
13 | 13 | ||
14 | <div class="bottom-line"></div> | 14 | <div class="bottom-line"></div> |
15 | 15 | ||
16 | <bottom-tool v-model="activityIndex"></bottom-tool> | 16 | <bottom-tool v-model="activityIndex"></bottom-tool> |
17 | <biz-model v-model="model"></biz-model> | 17 | <biz-model v-model="model"></biz-model> |
18 | <!-- 分享蒙层 --> | 18 | <!-- 分享蒙层 --> |
19 | <div class="shareModel" v-if="shareModelVisiable" @click="shareModelVisiable = false"> | 19 | <div class="shareModel" v-if="shareModelVisiable" @click="shareModelVisiable = false"> |
20 | <div class="shareModelContainer"> | 20 | <div class="shareModelContainer"> |
21 | <div class="shareModelMask"></div> | 21 | <div class="shareModelMask"></div> |
22 | <div class="shareIcon"></div> | 22 | <div class="shareIcon"></div> |
23 | </div> | ||
23 | </div> | 24 | </div> |
24 | </div> | 25 | </div> |
25 | </div> | ||
26 | </template> | 26 | </template> |
27 | 27 | ||
28 | <script> | 28 | <script> |
... | @@ -134,6 +134,8 @@ export default { | ... | @@ -134,6 +134,8 @@ export default { |
134 | let link = location.origin + location.pathname; | 134 | let link = location.origin + location.pathname; |
135 | if (this.formData.worksCode) { | 135 | if (this.formData.worksCode) { |
136 | link += "?worksCode=" + this.formData.worksCode; | 136 | link += "?worksCode=" + this.formData.worksCode; |
137 | } else { | ||
138 | return; | ||
137 | } | 139 | } |
138 | let desc = this.formData.profile || null; | 140 | let desc = this.formData.profile || null; |
139 | let imgurl = | 141 | let imgurl = | ... | ... |
-
Please register or sign in to post a comment