fixbug
This commit is contained in:
parent
f0c19a16ce
commit
553953ebaf
@ -10,13 +10,9 @@ export default {
|
||||
"Content-Type": "application/json;charset=UTF-8",
|
||||
// 'Content-Type':'application/x-www-form-urlencoded'
|
||||
"Accept-Language":
|
||||
navigator.language === "en"
|
||||
? "en"
|
||||
: navigator.language === "zh-Hans"
|
||||
? "zh-CN"
|
||||
: navigator.language === "zh-Hant"
|
||||
? "zh-TW"
|
||||
: "zh-CN",
|
||||
navigator.language === "zh-CN"
|
||||
? "zh-Hans"
|
||||
: "en",
|
||||
},
|
||||
data: {},
|
||||
method: "GET",
|
||||
|
@ -14,6 +14,7 @@
|
||||
"usa.copySuccess": "Copy successful!",
|
||||
"usa.back": "Back",
|
||||
"usa.backAndCopy": "Copy and back",
|
||||
"series.play": "Play Collections Detail Video",
|
||||
"usa.cancel": "Cancel",
|
||||
"usa.confirm": "Confirm",
|
||||
"usa.Password": "Password",
|
||||
|
@ -14,6 +14,7 @@
|
||||
"usa.copySuccess": "复制成功!",
|
||||
"usa.back": "返回",
|
||||
"usa.backAndCopy": "复制并返回",
|
||||
"series.play": "播放视频详情",
|
||||
"usa.cancel": "取消",
|
||||
"usa.confirm": "确认",
|
||||
"usa.Password": "密码",
|
||||
|
6
main.js
6
main.js
@ -10,10 +10,12 @@ const messages = {
|
||||
};
|
||||
|
||||
let i18nConfig = {
|
||||
locale: navigator.language === "en" ? "en" : "zh-Hans",
|
||||
locale:
|
||||
navigator.language === "zh-CN"
|
||||
? "zh-Hans"
|
||||
: "en",
|
||||
messages,
|
||||
};
|
||||
|
||||
//弹出框禁止滑动
|
||||
Vue.prototype.stopScroll = function () {
|
||||
var mo = function (e) {
|
||||
|
@ -13,12 +13,29 @@
|
||||
<view class="top-img">
|
||||
<u-album :urls="[carouselFigureImg]" :singleSize="358"></u-album>
|
||||
</view>
|
||||
<view v-show="videoPlay" style="text-align: center;">
|
||||
<video
|
||||
style="width: 92%;"
|
||||
controls
|
||||
id="myvideo"
|
||||
:src="videoUrl"
|
||||
@fullscreenchange="screenChange"
|
||||
x5-video-player-type="h5"
|
||||
x5-video-player-fullscreen="true"
|
||||
></video>
|
||||
</view>
|
||||
<u-button class="video-btn" @click="playVideo" type="primary" v-if="videoUrl.length>0">{{
|
||||
$t("series.play")
|
||||
}}</u-button>
|
||||
<view
|
||||
class="title-t"
|
||||
:style="{ fontSize: '36rpx', color: '#434343', fontWeight: 600 }"
|
||||
>{{ $t("basic.info") }}</view
|
||||
>
|
||||
<view class="info-box" style="padding: 28rpx 32rpx 4rpx 32rpx; background: #ffffff">
|
||||
<view
|
||||
class="info-box"
|
||||
style="padding: 28rpx 32rpx 4rpx 32rpx; background: #ffffff"
|
||||
>
|
||||
<view class="item">
|
||||
<text class="label">{{ $t("series.name") }}</text>
|
||||
<text class="value">{{ collectionsDetail.seriesName }}</text>
|
||||
@ -29,7 +46,7 @@
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="label">{{ $t("series.hash") }}</text>
|
||||
<text class="value">{{ collectionsDetail.hash }}</text>
|
||||
<text class="des">{{ collectionsDetail.hash }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -72,11 +89,9 @@
|
||||
>{{ $t("collection.detail") }}
|
||||
</view>
|
||||
<view class="detail-info">
|
||||
|
||||
|
||||
<view v-if="detailImgList.length > 0" class="box">
|
||||
<image
|
||||
v-for="(img,index) in detailImgList"
|
||||
v-for="(img, index) in detailImgList"
|
||||
:src="img"
|
||||
:key="index"
|
||||
mode="widthFix"
|
||||
@ -108,22 +123,37 @@ export default {
|
||||
collectionsDetail: {},
|
||||
carouselFigureImg: "",
|
||||
detailImgList: [],
|
||||
containerWidth:300 , // 替换为你的图片容器宽度
|
||||
|
||||
containerWidth: 300, // 替换为你的图片容器宽度
|
||||
videoPlay: false,
|
||||
videoUrl: "",
|
||||
videoContext: null,
|
||||
};
|
||||
},
|
||||
onLoad: function (option) {
|
||||
this.collectionsUID = option.collectionUID;
|
||||
this.getCollectionDetail();
|
||||
|
||||
|
||||
},
|
||||
onReady() {
|
||||
// 页面加载完毕后开始动画
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
//
|
||||
screenChange(e) {
|
||||
let fullScreen = e.detail.fullScreen; // 值true为进入全屏,false为退出全屏
|
||||
console.log(e, "全屏");
|
||||
if (!fullScreen) {
|
||||
//退出全屏
|
||||
this.videoPlay = false; // 隐藏播放盒子
|
||||
}
|
||||
},
|
||||
playVideo() {
|
||||
this.videoContext = uni.createVideoContext("myvideo", this); // this这个是实例对象 必传
|
||||
this.videoContext.play();
|
||||
setTimeout(() => {
|
||||
this.videoContext.requestFullScreen();
|
||||
}, 500);
|
||||
this.videoPlay = true; // 显示播放盒子
|
||||
},
|
||||
onPageScroll(e) {
|
||||
this.stickyShow = e.scrollTop > 5 ? true : false;
|
||||
},
|
||||
@ -146,12 +176,12 @@ export default {
|
||||
if (res.status === 0) {
|
||||
this.collectionsDetail = res.data;
|
||||
this.carouselFigureImg = this.collectionsDetail.carouselFigureList[0];
|
||||
this.videoUrl = this.collectionsDetail.carouselFigureList[1] || '';
|
||||
this.detailImgList = this.collectionsDetail.detailImgList;
|
||||
} else {
|
||||
uni.$u.toast(this.$t("load.failed"));
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@ -163,7 +193,9 @@ page {
|
||||
background-attachment: fixed;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.video-btn {
|
||||
width: 92%;
|
||||
}
|
||||
.active {
|
||||
position: relative;
|
||||
|
||||
@ -271,8 +303,6 @@ page {
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -97,7 +97,7 @@ page {
|
||||
}
|
||||
/deep/ .u-album__row__wrapper {
|
||||
image {
|
||||
height: 160px !important;
|
||||
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
@ -117,7 +117,7 @@ page {
|
||||
.collectionList {
|
||||
margin-top: 15px;
|
||||
overflow-y: scroll;
|
||||
height: 340px;
|
||||
height: 130px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
@ -559,9 +559,12 @@ page {
|
||||
width: 75%;
|
||||
color: #000000;
|
||||
font-size: 34rpx;
|
||||
// 超出一行显示省略号
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
.blockchain {
|
||||
@ -569,9 +572,12 @@ page {
|
||||
font-size: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
width: 75%;
|
||||
// 超出一行显示省略号
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -18,7 +18,7 @@
|
||||
></u-avatar>
|
||||
<view class="info">
|
||||
<view class="blockchain"
|
||||
>{{ $t("usa.adress") }}:{{ seriesData.seriesAddress }}</view
|
||||
>{{ $t("usa.adress") }}:<a>{{ seriesData.seriesAddress }}</a></view
|
||||
>
|
||||
<view class="username"
|
||||
>{{ $t("usa.remember") }}:{{ seriesData.seriesMem }}
|
||||
@ -300,6 +300,12 @@ page {
|
||||
.name {
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
// 超出一行显示省略号
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.intro {
|
||||
font-size: 14px;
|
||||
@ -409,10 +415,14 @@ page {
|
||||
color: #000000;
|
||||
font-size: 24rpx;
|
||||
margin-top: 10rpx;
|
||||
|
||||
display: flex;
|
||||
a{
|
||||
// 超出一行显示省略号
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 175px;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
.check {
|
||||
color: #3e6944;
|
||||
|
Loading…
Reference in New Issue
Block a user