Browse Source

gif图太大, 挪到服务器上使用

h5_css
蟑螂恶霸 3 years ago
committed by yanyan
parent
commit
50fa7a746d
  1. 4
      components/s-video/res-s-video.vue
  2. 7
      components/s-video/s-video.vue
  3. BIN
      static/images/fail.gif

4
components/s-video/res-s-video.vue

@ -23,7 +23,7 @@
</view> </view>
</view> --> </view> -->
<view class="popup-layer-back" v-show="resCheck"> <view class="popup-layer-back" v-show="resCheck">
<view><image style="position: absolute; top: 20%; left: 10%;" src="/static/images/fail.gif"></image></view> <view><image style="position: absolute; top: 20%; left: 10%;" :src="failUrl"></image></view>
<view class="popup-layer" style="color: red;" @click="toResVideo()"> <view class="popup-layer" style="color: red;" @click="toResVideo()">
<view class="anitem1"> <view class="anitem1">
<image class="animg1" src="/static/videos/skin_bg_v1.png"></image> <image class="animg1" src="/static/videos/skin_bg_v1.png"></image>
@ -65,6 +65,7 @@
isError: false, isError: false,
resCheck: false, resCheck: false,
isResVideo: false, isResVideo: false,
failUrl: uni.$http.baseUrl +"/profile//images/fail.gif",
}; };
}, },
computed: { computed: {
@ -164,7 +165,6 @@
this.videoContext.seek(duration); this.videoContext.seek(duration);
} }
}, },
nextQuestion(outId, obj) { nextQuestion(outId, obj) {
// 点击开始后先增加题次 // 点击开始后先增加题次
if(2==outId) { if(2==outId) {

7
components/s-video/s-video.vue

@ -4,10 +4,10 @@
<image class="animg" src="/static/images/start.png"></image> <image class="animg" src="/static/images/start.png"></image>
</view> </view>
<view style="position:relative;width:100%;" :style="{'height':videoHeight+'px'}"> <view style="position:relative;width:100%;" :style="{'height':videoHeight+'px'}">
<video id="video_play" @click="stopPlay" :src="videoObj.videoUrl" @ended="videoEnded()" @loadedmetadata="onMetadataLoaded" :autoplay="auto" :show-fullscreen-btn="false" :loop="isLoop" style="width: 100%;height: 100%;" object-fit="cover"></video> <video id="video_play" @click="stopPlay" :src="videoObj.videoUrl" :controls="false" @ended="videoEnded()" @loadedmetadata="onMetadataLoaded" :autoplay="auto" :show-fullscreen-btn="false" :loop="isLoop" style="width: 100%;height: 100%;" object-fit="cover"></video>
<view class="question"></view> <view class="question"></view>
<view class="popup-layer-back" v-if="!start" v-show="question"> <view class="popup-layer-back" v-if="!start" v-show="question">
<!-- <view class="popup-layer-close" @click="question=false">关闭</view> :controls="false" --> <!-- <view class="popup-layer-close" @click="question=false">关闭</view> -->
<view class="popup-layer"> <view class="popup-layer">
<!-- <h2>请选择</h2> --> <!-- <h2>请选择</h2> -->
<view class="anitem1"> <view class="anitem1">
@ -32,7 +32,7 @@
</view> </view>
</view> --> </view> -->
<view class="popup-layer-back" v-show="resCheck"> <view class="popup-layer-back" v-show="resCheck">
<view><image style="position: absolute; top: 20%; left: 10%;" src="/static/images/fail.gif"></image></view> <view><image style="position: absolute; top: 20%; left: 10%;" :src="failUrl"></image></view>
<view class="popup-layer" @click="toResVideo()"> <view class="popup-layer" @click="toResVideo()">
<view class="anitem1"> <view class="anitem1">
<image class="animg1" src="/static/videos/skin_bg_v1.png"></image> <image class="animg1" src="/static/videos/skin_bg_v1.png"></image>
@ -76,6 +76,7 @@
resCheck: false, resCheck: false,
showLayer: false, showLayer: false,
isResVideo: false, isResVideo: false,
failUrl: uni.$http.baseUrl +"/profile//images/fail.gif",
}; };
}, },
computed: { computed: {

BIN
static/images/fail.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 678 KiB

Loading…
Cancel
Save