Merge branch 'develop' of git.yoho.cn:fe/xianyu-ufo-app-web into develop
Showing
5 changed files
with
18 additions
and
32 deletions
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <div v-if="validStatus === 1"> | 3 | <div v-if="validStatus === 1"> |
4 | <div class="account"> | 4 | <div class="account"> |
5 | <p class="account-tip">支付宝账号</p> | 5 | <p class="account-tip">支付宝账号</p> |
6 | - <p class="account-name">{{alipayAccount}}</p> | 6 | + <p class="account-name">{{alipayAccount?alipayAccount:nickName}}</p> |
7 | </div> | 7 | </div> |
8 | <p class="tip"><i class="cubeic-warn"></i><span>已绑定的支付宝账号暂无法提供系统换绑和解除,如 | 8 | <p class="tip"><i class="cubeic-warn"></i><span>已绑定的支付宝账号暂无法提供系统换绑和解除,如 |
9 | 需要帮助可致电<a class="phone" href="tel:400-8890-9646"> 400-8890-9646 </a>联系电话客服</span></p> | 9 | 需要帮助可致电<a class="phone" href="tel:400-8890-9646"> 400-8890-9646 </a>联系电话客服</span></p> |
@@ -26,7 +26,7 @@ export default { | @@ -26,7 +26,7 @@ export default { | ||
26 | this.fetchUserAliPayAccount() | 26 | this.fetchUserAliPayAccount() |
27 | }, | 27 | }, |
28 | computed: { | 28 | computed: { |
29 | - ...mapState(['alipayAccount','certName', 'validStatus']) | 29 | + ...mapState(['alipayAccount','certName', 'validStatus','nickName']) |
30 | }, | 30 | }, |
31 | methods: { | 31 | methods: { |
32 | ...mapActions(['fetchUserAliPayAccount']), | 32 | ...mapActions(['fetchUserAliPayAccount']), |
@@ -25,12 +25,8 @@ | @@ -25,12 +25,8 @@ | ||
25 | <!-- 商品信息 --> | 25 | <!-- 商品信息 --> |
26 | <order-item-info class="item-wrapper" /> | 26 | <order-item-info class="item-wrapper" /> |
27 | <!-- 鉴定视频 --> | 27 | <!-- 鉴定视频 --> |
28 | - <div | ||
29 | - class="video-img" | ||
30 | - v-if="orderDetail.appraiseVideoUrl" | ||
31 | - @click="() => onVideoHandler()" | ||
32 | - ></div> | ||
33 | - <div ref="videoWrapper" class="video-wrapper"> | 28 | + <div class="video-img" v-if="orderDetail.appraiseVideoUrl" @click="() => onVideoHandler()"></div> |
29 | + <div class="video-wrapper"> | ||
34 | <VideoPlayer | 30 | <VideoPlayer |
35 | ref="videoPlayer" | 31 | ref="videoPlayer" |
36 | class="video-player" | 32 | class="video-player" |
@@ -215,12 +211,13 @@ export default { | @@ -215,12 +211,13 @@ export default { | ||
215 | } | 211 | } |
216 | 212 | ||
217 | .video-img { | 213 | .video-img { |
214 | + display: block; | ||
218 | margin-top: 40px; | 215 | margin-top: 40px; |
219 | - margin-left: -15px; | ||
220 | - width: calc(100% + 20px); | 216 | + width: 100%; |
221 | height: 378px; | 217 | height: 378px; |
222 | - background: url("~statics/image/order/video-big@3x.png"); | 218 | + background: url("~statics/image/order/video-big@3x.png") no-repeat; |
223 | background-size: cover; | 219 | background-size: cover; |
220 | + background-position: center; | ||
224 | } | 221 | } |
225 | 222 | ||
226 | .video-wrapper { | 223 | .video-wrapper { |
@@ -229,7 +226,7 @@ export default { | @@ -229,7 +226,7 @@ export default { | ||
229 | 226 | ||
230 | .video-player { | 227 | .video-player { |
231 | display: block; | 228 | display: block; |
232 | - height: 30px; | 229 | + height: 40px; |
233 | opacity: 0; | 230 | opacity: 0; |
234 | } | 231 | } |
235 | 232 |
@@ -122,7 +122,7 @@ export default { | @@ -122,7 +122,7 @@ export default { | ||
122 | } | 122 | } |
123 | }, | 123 | }, |
124 | mounted() { | 124 | mounted() { |
125 | - this.showPlayer(); | 125 | + // this.showPlayer(); |
126 | }, | 126 | }, |
127 | beforeDestroy() { | 127 | beforeDestroy() { |
128 | if (this.player) { | 128 | if (this.player) { |
@@ -131,8 +131,10 @@ export default { | @@ -131,8 +131,10 @@ export default { | ||
131 | }, | 131 | }, |
132 | methods: { | 132 | methods: { |
133 | parentHandleclick() { | 133 | parentHandleclick() { |
134 | - this.showVideo = true; | 134 | + this.showPlayer(); |
135 | + | ||
135 | this.player.play(); | 136 | this.player.play(); |
137 | + | ||
136 | const timeId = setTimeout(() => { | 138 | const timeId = setTimeout(() => { |
137 | this.player.requestFullscreen(); | 139 | this.player.requestFullscreen(); |
138 | clearTimeout(timeId); | 140 | clearTimeout(timeId); |
@@ -143,6 +145,7 @@ export default { | @@ -143,6 +145,7 @@ export default { | ||
143 | return; | 145 | return; |
144 | } | 146 | } |
145 | 147 | ||
148 | + this.showVideo = true; | ||
146 | this.$nextTick(() => { | 149 | this.$nextTick(() => { |
147 | this.initPlayer(); | 150 | this.initPlayer(); |
148 | }); | 151 | }); |
@@ -187,14 +190,6 @@ export default { | @@ -187,14 +190,6 @@ export default { | ||
187 | this.voiceBtn.removeClass(noVioceClass); | 190 | this.voiceBtn.removeClass(noVioceClass); |
188 | } | 191 | } |
189 | }); | 192 | }); |
190 | - | ||
191 | - // setTimeout(() => { | ||
192 | - // this.$yoho.getNetStatus({}, res => { | ||
193 | - // if (res && +res.wifi === 1) { | ||
194 | - // this.player.autoplay("muted"); | ||
195 | - // } | ||
196 | - // }); | ||
197 | - // }, 1000); | ||
198 | }, | 193 | }, |
199 | getTime() { | 194 | getTime() { |
200 | return new Date().getTime(); | 195 | return new Date().getTime(); |
@@ -29,7 +29,7 @@ | @@ -29,7 +29,7 @@ | ||
29 | @on-video="params => onVideoHandle(params)" | 29 | @on-video="params => onVideoHandle(params)" |
30 | /> | 30 | /> |
31 | </div> | 31 | </div> |
32 | - <div ref="videoWrapper" class="video-wrapper"> | 32 | + <div class="video-wrapper"> |
33 | <VideoPlayer | 33 | <VideoPlayer |
34 | :ref="order.orderCode" | 34 | :ref="order.orderCode" |
35 | class="video-player" | 35 | class="video-player" |
@@ -115,15 +115,6 @@ export default { | @@ -115,15 +115,6 @@ export default { | ||
115 | $video.parentHandleclick(); | 115 | $video.parentHandleclick(); |
116 | } | 116 | } |
117 | } | 117 | } |
118 | - }, | ||
119 | - | ||
120 | - mounted() { | ||
121 | - if (this.$yoho.isAndroid) { | ||
122 | - this.$refs.videoWrapper.forEach($vnode => { | ||
123 | - $vnode.style.position = "absolute"; | ||
124 | - $vnode.style.top = "-1000px"; | ||
125 | - }); | ||
126 | - } | ||
127 | } | 118 | } |
128 | }; | 119 | }; |
129 | </script> | 120 | </script> |
@@ -5,6 +5,7 @@ export default function() { | @@ -5,6 +5,7 @@ export default function() { | ||
5 | state: { | 5 | state: { |
6 | alipayAccount: '', | 6 | alipayAccount: '', |
7 | certName: '', | 7 | certName: '', |
8 | + nickName: '', | ||
8 | validStatus: 0 | 9 | validStatus: 0 |
9 | }, | 10 | }, |
10 | mutations: { | 11 | mutations: { |
@@ -12,10 +13,12 @@ export default function() { | @@ -12,10 +13,12 @@ export default function() { | ||
12 | let { | 13 | let { |
13 | alipayAccount, | 14 | alipayAccount, |
14 | certName, | 15 | certName, |
16 | + nickName, | ||
15 | validStatus | 17 | validStatus |
16 | } = data; | 18 | } = data; |
17 | 19 | ||
18 | state.alipayAccount = maskAccount(alipayAccount); | 20 | state.alipayAccount = maskAccount(alipayAccount); |
21 | + state.nickName = nickName || ''; | ||
19 | state.certName = certName; | 22 | state.certName = certName; |
20 | state.validStatus = validStatus; | 23 | state.validStatus = validStatus; |
21 | } | 24 | } |
-
Please register or login to post a comment