默认提交
Showing
14 changed files
with
61 additions
and
18 deletions
... | @@ -120,7 +120,7 @@ | ... | @@ -120,7 +120,7 @@ |
120 | @media (max-width: 1200px) { | 120 | @media (max-width: 1200px) { |
121 | .container { | 121 | .container { |
122 | display: -webkit-box; | 122 | display: -webkit-box; |
123 | overflow-x: scroll; | 123 | overflow-x: auto; |
124 | -webkit-overflow-scrolling: touch; | 124 | -webkit-overflow-scrolling: touch; |
125 | width: 92vw; | 125 | width: 92vw; |
126 | } | 126 | } | ... | ... |
... | @@ -175,7 +175,7 @@ | ... | @@ -175,7 +175,7 @@ |
175 | .container { | 175 | .container { |
176 | width: 1200px; | 176 | width: 1200px; |
177 | display: -webkit-box; | 177 | display: -webkit-box; |
178 | overflow-x: scroll; | 178 | overflow-x: auto; |
179 | -webkit-overflow-scrolling: touch; | 179 | -webkit-overflow-scrolling: touch; |
180 | width: 92vw; | 180 | width: 92vw; |
181 | } | 181 | } | ... | ... |
... | @@ -83,7 +83,7 @@ | ... | @@ -83,7 +83,7 @@ |
83 | .payment { | 83 | .payment { |
84 | &-nav { | 84 | &-nav { |
85 | display: -webkit-box; | 85 | display: -webkit-box; |
86 | overflow-x: scroll; | 86 | overflow-x: auto; |
87 | -webkit-overflow-scrolling: touch; | 87 | -webkit-overflow-scrolling: touch; |
88 | width: 92vw; | 88 | width: 92vw; |
89 | } | 89 | } | ... | ... |
... | @@ -113,7 +113,7 @@ | ... | @@ -113,7 +113,7 @@ |
113 | .submit-btn { | 113 | .submit-btn { |
114 | width: 13.583333rem; | 114 | width: 13.583333rem; |
115 | height: 4.083333rem; | 115 | height: 4.083333rem; |
116 | margin: 2.5rem auto 0; | 116 | margin: 0 auto 0; |
117 | line-height: 4.083333rem; | 117 | line-height: 4.083333rem; |
118 | box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); | 118 | box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2); |
119 | background-blend-mode: soft-light, ; | 119 | background-blend-mode: soft-light, ; |
... | @@ -135,7 +135,7 @@ | ... | @@ -135,7 +135,7 @@ |
135 | @media (max-width: 1200px) { | 135 | @media (max-width: 1200px) { |
136 | .container { | 136 | .container { |
137 | display: -webkit-box; | 137 | display: -webkit-box; |
138 | overflow-x: scroll; | 138 | overflow-x: auto; |
139 | -webkit-overflow-scrolling: touch; | 139 | -webkit-overflow-scrolling: touch; |
140 | width: 92vw; | 140 | width: 92vw; |
141 | 141 | ... | ... |
... | @@ -57,12 +57,13 @@ | ... | @@ -57,12 +57,13 @@ |
57 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e3}} | 57 | <img src="@/assets/images/common/icon-notice.png" alt="">{{errorTips.e3}} |
58 | </div> | 58 | </div> |
59 | </div> | 59 | </div> |
60 | </div> | ||
61 | <div class="submit-btn flex-center" @click="updateContactsHandler" :class="{disabled: submitBtnDisabled}"> | 60 | <div class="submit-btn flex-center" @click="updateContactsHandler" :class="{disabled: submitBtnDisabled}"> |
62 | <van-loading v-if="loading" /> | 61 | <van-loading v-if="loading" /> |
63 | <span>{{$t('policyChangeContact.submit')}}</span> | 62 | <span>{{$t('policyChangeContact.submit')}}</span> |
64 | </div> | 63 | </div> |
65 | </div> | 64 | </div> |
65 | |||
66 | </div> | ||
66 | <!-- <div v-else style="height:400px"></div> --> | 67 | <!-- <div v-else style="height:400px"></div> --> |
67 | </template> | 68 | </template> |
68 | </div> | 69 | </div> | ... | ... |
... | @@ -155,7 +155,7 @@ | ... | @@ -155,7 +155,7 @@ |
155 | @media (max-width: 1200px) { | 155 | @media (max-width: 1200px) { |
156 | .container { | 156 | .container { |
157 | display: -webkit-box; | 157 | display: -webkit-box; |
158 | overflow-x: scroll; | 158 | overflow-x: auto; |
159 | -webkit-overflow-scrolling: touch; | 159 | -webkit-overflow-scrolling: touch; |
160 | width: 92vw; | 160 | width: 92vw; |
161 | 161 | ... | ... |
... | @@ -171,10 +171,9 @@ | ... | @@ -171,10 +171,9 @@ |
171 | @media (max-width: 1200px) { | 171 | @media (max-width: 1200px) { |
172 | .container { | 172 | .container { |
173 | display: -webkit-box; | 173 | display: -webkit-box; |
174 | overflow-x: scroll; | 174 | overflow-x: auto; |
175 | -webkit-overflow-scrolling: touch; | 175 | -webkit-overflow-scrolling: touch; |
176 | width: 92vw; | 176 | width: 92vw; |
177 | |||
178 | } | 177 | } |
179 | } | 178 | } |
180 | 179 | ... | ... |
1 | @import '@/styles/_support'; | 1 | @import '@/styles/_support'; |
2 | .list-container { | 2 | .list-container { |
3 | overflow-x: auto; | 3 | overflow-x: auto; |
4 | padding-bottom: 2rem; | 4 | margin-bottom: 2rem; |
5 | } | 5 | } |
6 | 6 | ||
7 | .hide { | 7 | .hide { |
... | @@ -215,3 +215,17 @@ | ... | @@ -215,3 +215,17 @@ |
215 | } | 215 | } |
216 | } | 216 | } |
217 | } | 217 | } |
218 | |||
219 | @media (max-width: 1200px) { | ||
220 | .list-container { | ||
221 | display: -webkit-box; | ||
222 | overflow-x: auto; | ||
223 | -webkit-overflow-scrolling: touch; | ||
224 | width: 92vw; | ||
225 | |||
226 | } | ||
227 | } | ||
228 | |||
229 | .list-container::-webkit-scrollbar { | ||
230 | display: none; | ||
231 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | import { mapState } from "vuex"; | 1 | import { |
2 | mapState | ||
3 | } from "vuex"; | ||
2 | import api from '@/api/api' | 4 | import api from '@/api/api' |
3 | import { httpPost } from '@/api/fetch-api.js' | 5 | import { |
6 | httpPost | ||
7 | } from '@/api/fetch-api.js' | ||
4 | 8 | ||
5 | import Auth from '@components/auth/auth.vue'; | 9 | import Auth from '@components/auth/auth.vue'; |
6 | import JsEncrypt from "jsencrypt"; | 10 | import JsEncrypt from "jsencrypt"; |
... | @@ -35,7 +39,10 @@ export default { | ... | @@ -35,7 +39,10 @@ export default { |
35 | methods: { | 39 | methods: { |
36 | init() { | 40 | init() { |
37 | if (this.isLogin()) { | 41 | if (this.isLogin()) { |
38 | httpPost({ url: api.profile, sid: true }).then(content => { | 42 | httpPost({ |
43 | url: api.profile, | ||
44 | sid: true | ||
45 | }).then(content => { | ||
39 | if (content) { | 46 | if (content) { |
40 | this.information = content; | 47 | this.information = content; |
41 | this.gotoVhis(); | 48 | this.gotoVhis(); |
... | @@ -45,7 +52,7 @@ export default { | ... | @@ -45,7 +52,7 @@ export default { |
45 | this.gotoVhis(); | 52 | this.gotoVhis(); |
46 | } | 53 | } |
47 | }, | 54 | }, |
48 | userLogout(){ | 55 | userLogout() { |
49 | this.gotoVhis(); | 56 | this.gotoVhis(); |
50 | }, | 57 | }, |
51 | isLogin() { | 58 | isLogin() { |
... | @@ -81,8 +88,7 @@ export default { | ... | @@ -81,8 +88,7 @@ export default { |
81 | this.outsideUrl = url; | 88 | this.outsideUrl = url; |
82 | } | 89 | } |
83 | }, | 90 | }, |
84 | watch: { | 91 | watch: {}, |
85 | }, | ||
86 | mounted() { | 92 | mounted() { |
87 | this.init(); | 93 | this.init(); |
88 | // let url = this.$route.query.p; | 94 | // let url = this.$route.query.p; |
... | @@ -99,7 +105,18 @@ export default { | ... | @@ -99,7 +105,18 @@ export default { |
99 | // } | 105 | // } |
100 | // }, 500); | 106 | // }, 500); |
101 | // } | 107 | // } |
102 | }, | 108 | |
103 | created() { | 109 | window.removeEventListener("message"); |
110 | window.addEventListener('message', function (e) { | ||
111 | let height = e.data ? e.data.height : null; | ||
112 | if (height) { | ||
113 | var iframe = document.getElementById("myiframe"); | ||
114 | try { | ||
115 | iframe.height = height; | ||
116 | iframe.style.height = height + "px"; | ||
117 | } catch (ex) {} | ||
104 | } | 118 | } |
119 | }); | ||
120 | }, | ||
121 | created() {} | ||
105 | } | 122 | } | ... | ... |
... | @@ -3,6 +3,7 @@ | ... | @@ -3,6 +3,7 @@ |
3 | <div class="content"> | 3 | <div class="content"> |
4 | 4 | ||
5 | <auth @onLogout="userLogout" v-show="false"></auth> | 5 | <auth @onLogout="userLogout" v-show="false"></auth> |
6 | |||
6 | <iframe v-if="outsideUrl" id="myiframe" width="100%" height="100%" scrolling="yes" frameborder="0" :src="outsideUrl"></iframe> | 7 | <iframe v-if="outsideUrl" id="myiframe" width="100%" height="100%" scrolling="yes" frameborder="0" :src="outsideUrl"></iframe> |
7 | </div> | 8 | </div> |
8 | </template> | 9 | </template> | ... | ... |
-
Please register or sign in to post a comment