解决app通信问题

heyujie

2021-05-24 4885600ecc369aa2e30a65de8dd7a410f13c34df

 pages/detail/detail.vue

@@ -1,9 +1,9 @@
<template>

   <view class="content">

      <uni-nav-bar left-icon="back" left-text="返回" @clickLeft="goBack" title="详情"></uni-nav-bar>

      <uni-nav-bar left-icon="back" left-text="返回" @clickLeft="goBack" title="详情" statusBar="true"></uni-nav-bar>



      <view class="video-box">

         <video id="myVideo" :src="'/httpImage/' +videoUrl"></video>

         <video id="myVideo" :src=" 'http://192.168.20.10:7009'        +'/httpImage/' +videoUrl"></video>

      </view>

      <view class="desc-box">

         <view class="first">

@@ -21,9 +21,13 @@
            来自：{{curInfo.pos}}

         </view>

      </view>

      <!-- <image src="../../static/pic3.jpg" mode=""></image> -->

      <button type="default" @tap="showImg">查看大图</button>

      <imagePopper :show="showImgPopper.show" :imgSrc="'/httpImage/'+curInfo.imgUrl" @hideImgPopper="hideImgPopper">

      <imagePopper :show="showImgPopper.show" :imgSrc="showImgPopper.imgSrc" @hideImgPopper="hideImgPopper">

      </imagePopper>

      <view class="tui-actionsheet-mask" :class="[showImgPopper.show?'tui-mask-show':'']" @tap="handleClickMask">

         <image :src="showImgPopper.imgSrc" mode=""></image>

      </view>

   </view>

</template>



@@ -44,7 +48,6 @@
            videoUrl: ""

         }

      },



      onBackPress(e) {

         console.log(e);

         uni.navigateTo({

@@ -57,8 +60,8 @@
         uni.request({

            url: "http://192.168.20.10:9000/video/" + this.curInfo.id,

            success: (res) => {

               console.log('request success',res.data.data.videoUrl);

               this.videoUrl =res.data.data.videoUrl;

               console.log('request success', res.data.data.videoUrl);

               this.videoUrl = res.data.data.videoUrl;

            }

         })

      },

@@ -70,25 +73,17 @@
         },

         showImg() {

            this.showImgPopper.show = true;

            this.showImgPopper.imgSrc = 'http://192.168.20.10:7009' + '/httpImage/' + this.curInfo.imgUrl

         },



         hideImgPopper() {

            this.showImgPopper.show = false;

         },

         getLevel(level) {

            switch (level) {

               case 1:

                  return "一级"

               case 2:

                  return "二级"

               case 3:

                  return "三级"

               case 4:

                  return "四级"

               default:

                  break;

            }

         handleClickMask() {

            this.handleClickCancel();

         },

         handleClickCancel() {

            this.showImgPopper.show = false;

         }

      }

   }

</script>

@@ -165,4 +160,33 @@
      line-height: 2.4;

      border-radius: 15px;

   }



   .tui-actionsheet-mask {

      position: fixed;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      background: rgba(0, 0, 0, 0.6);

      z-index: 999999999;

      transition: all 0.3s ease-in-out;

      opacity: 0;

      visibility: hidden;



      uni-image {

         width: 340px;

         height: 240px;

         display: inline-block;

         overflow: hidden;

         position: absolute;

         top: 45%;

         left: 8%;

         z-index: 999999999;

      }

   }



   .tui-mask-show {

      opacity: 1;

      visibility: visible;

   }

</style>