Browse Source

video

ctt_dev
chutingting 1 year ago
parent
commit
a62f230f9b
2 changed files with 5117 additions and 2 deletions
  1. +5089
    -0
      package-lock.json
  2. +28
    -2
      src/pages/login/index.vue

+ 5089
- 0
package-lock.json
File diff suppressed because it is too large
View File


+ 28
- 2
src/pages/login/index.vue View File

@@ -1,6 +1,14 @@
<template> <template>
<view class="page"> <view class="page">
<image src="../../assets/img/homeImg.jpg" mode="scaleToFill" />
<!-- <image src="../../assets/img/homeImg.jpg" mode="scaleToFill" /> -->
<video id="myVideo"
src='https://video.metavatar.cc/sv/30f2d513-18c4739c509/30f2d513-18c4739c509.mp4'
autoplay
muted
loop
:controls="false">
</video>
<view class="bottomBox"> <view class="bottomBox">
<view class="orangeBtn" @click="toChooseStyle">拍摄数码写真</view> <view class="orangeBtn" @click="toChooseStyle">拍摄数码写真</view>
<view class="IMEI" @click="Imei" <view class="IMEI" @click="Imei"
@@ -14,7 +22,7 @@


<script setup> <script setup>
//#region 导入 //#region 导入
import { ref } from "vue";
import { getCurrentInstance, ref } from "vue";
import { isPlainObject, onLoad, onUnload } from "@dcloudio/uni-app"; import { isPlainObject, onLoad, onUnload } from "@dcloudio/uni-app";
import { userInfoModules } from "@/store/modules/userInfo"; import { userInfoModules } from "@/store/modules/userInfo";


@@ -66,11 +74,21 @@ function fileReaderTest() {
} }
} }


// // 播放
// const handelPlay = () => {
// const video = document.querySelector("video.uni-video-video");
// video.play();
// }

const videoContext = ref()
//#region 初始化 //#region 初始化
onLoad(() => { onLoad(() => {
runGetAndroidId(); runGetAndroidId();
// fileReaderTest(); // fileReaderTest();
userInfoModulesPinia.clearStorage(); userInfoModulesPinia.clearStorage();

}); });
//#endregion ---------------------------------- //#endregion ----------------------------------


@@ -137,6 +155,14 @@ function reFresh() {
position: relative; position: relative;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
// uni-video{
// width:100%;
// height:100%;
// }
#myVideo{
width: 100%;
height: 100%;
}
image { image {
position: absolute; position: absolute;
width: 100%; width: 100%;


Loading…
Cancel
Save