fixbug

http/interface.js

@@ -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"
+        navigator.language === "zh-CN"
-          ? "en"
+          ? "zh-Hans"
-          : navigator.language === "zh-Hans"
+          : "en",
-            ? "zh-CN"
-            : navigator.language === "zh-Hant"
-              ? "zh-TW"
-              : "zh-CN",
     },
     data: {},
     method: "GET",

locale/en.json

@@ -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",

locale/zh-Hans.json

@@ -14,6 +14,7 @@
   "usa.copySuccess": "复制成功!",
   "usa.back": "返回",
   "usa.backAndCopy": "复制并返回",
+  "series.play": "播放视频详情",
   "usa.cancel": "取消",
   "usa.confirm": "确认",
   "usa.Password": "密码",

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) {

pages/index/detail/detail.vue

@@ -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,10 +46,10 @@
         </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>
-      
+
       <view
         class="title-t"
         :style="{ fontSize: '36rpx', color: '#434343', fontWeight: 600 }"
@@ -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,26 +123,41 @@ 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;
+      this.stickyShow = e.scrollTop > 5 ? true : false;
-  },
+    },
- 
+
     back() {
       let routesRecord = getCurrentPages();
       if (routesRecord.length > 1) {
@@ -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%;
-
-
   }
 }
 

pages/index/index.vue

@@ -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;

pages/mine/index.vue

@@ -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;
 		}
 	}
 }

pages/mine/usamine/index.vue

@@ -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;
-      overflow: hidden;
+      a{
-      text-overflow: ellipsis;
+		  // 超出一行显示省略号
-      white-space: nowrap;
+		  overflow: hidden;
+		  text-overflow: ellipsis;
+width: 175px;
+		  -webkit-box-orient: vertical;
+	  }
     }
     .check {
       color: #3e6944;