Authored by 张文文

分享页安卓视频显示修改

<template>
<div class="full">
<div class="header">
<div class="back-wrapper flex" @touchend="onBack">
<div class="back"></div>
</div>
<div class="title flex">
<span class="title-inner">UFO PASSPORT</span>
</div>
</div>
<div style="width: 100%;">
<div class="user-item">
<WidgetAvatar
... ... @@ -40,8 +31,10 @@
@click="goProductDetail(shareIdentifyInfo.productId, shareIdentifyInfo.productName)"
>{{shareIdentifyInfo.productName}}</div>
<div class="provideo-btn" @click="playVideoOperation(shareIdentifyInfo.vedioFileUrl)"></div>
<VideoPlayer ref="videoPlay" class="play-video" :source="shareIdentifyInfo.vedioFileUrl"></VideoPlayer>
<div class="identify-plat">{{shareIdentifyInfo.identifyPlat}}</div>
<div ref="videoWrapper">
<VideoPlayer ref="videoPlay" class="play-video" :source="shareIdentifyInfo.vedioFileUrl"></VideoPlayer>
</div>
<div ref="platWrapper" class="identify-plat">{{shareIdentifyInfo.identifyPlat}}</div>
<div class="identify-name">{{shareIdentifyInfo.identifyUserName}}</div>
<div class="identify-level">资深鉴定师</div>
<div class="identify-image"></div>
... ... @@ -120,6 +113,11 @@ export default {
}
},
mounted() {
document.title = "UFO PASSPORT";
if (this.$yoho.isAndroid) {
this.$refs.videoWrapper.style.display = "none";
this.$refs.platWrapper.style.marginTop = "15px";
}
this.fetchUfoShareIdentifyInfo({ tagId: this.$route.params.tagId });
this.fetchUfoPassportProductList();
... ... @@ -139,7 +137,7 @@ export default {
}
.avatar-box {
margin-top: 105px;
margin-top: 60px;
width: 160px;
height: 160px;
border-radius: 50%;
... ... @@ -186,7 +184,7 @@ export default {
.medal-img {
position: absolute;
top: 441px;
top: 396px;
right: 84px;
width: 100px;
height: 148px;
... ...
{
"name": "ufo-app-web",
"version": "1.1.8",
"version": "1.1.9",
"private": true,
"description": "A New Yohobuy Project With Express",
"repository": {
... ...