视频

public/css/phone.scss

@@ -1526,4 +1526,46 @@ i, em {
       color: #fff;
     }
   }
+
+  // loading动画
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    50% {
+      transform: rotate(180deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  .loader {
+    width: 58px;
+    height: 58px;
+    background: rgba(15, 16, 17, 0.3);
+    border-radius: 50%;
+    position: relative;
+    .ball-clip-rotate {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      > div {
+        width: 15px;
+        height: 15px;
+        border-radius: 100%;
+        margin: 2px;
+        animation-fill-mode: both;
+
+        border: 2px solid #fff;
+        border-bottom-color: transparent;
+        height: 26px;
+        width: 26px;
+        background: transparent;
+        display: inline-block;
+        animation: rotate 0.75s 0s linear infinite;
+      }
+    }
+  }
 }
\ No newline at end of file

src/common/videoTool.js

+// 获取浏览器语言
+export const getLanguage = () => {
+    return (navigator.browserLanguage || navigator.language).toLowerCase()
+}
+
+/**
+ * @desc 函数防抖
+ * @param func 函数
+ * @param wait 延迟执行毫秒数
+ * @param immediate true 表立即执行，false 表非立即执行
+ */
+export const debounce = (func, wait, immediate) => {
+    let timeout;
+    return function () {
+        let context = this;
+        let args = arguments;
+
+        if (timeout) clearTimeout(timeout);
+        if (immediate) {
+            let callNow = !timeout;
+            timeout = setTimeout(() => {
+                timeout = null;
+            }, wait)
+            if (callNow) func.apply(context, args)
+        } else {
+            timeout = setTimeout(() => {
+                func.apply(context, args)
+            }, wait);
+        }
+    }
+}
+
+/**
+ * @desc 函数节流
+ * @param func 函数
+ * @param wait 延迟执行毫秒数
+ * @param type 1 表时间戳版，2 表定时器版
+ */
+export const throttle = (func, wait, type) => {
+    if (type === 1) {
+        var previous = 0;
+    } else if (type === 2) {
+        var timeout;
+    }
+    return function () {
+        let context = this;
+        let args = arguments;
+        if (type === 1) {
+            let now = Date.now();
+
+            if (now - previous > wait) {
+                func.apply(context, args);
+                previous = now;
+            }
+        } else if (type === 2) {
+            if (!timeout) {
+                timeout = setTimeout(() => {
+                    timeout = null;
+                    func.apply(context, args)
+                }, wait)
+            }
+        }
+    }
+}
\ No newline at end of file

src/main.js

@@ -163,7 +163,7 @@ router.beforeEach((to, from, next) => {
         }
     }
     if(window.sessionStorage.getItem("userInfo") ==null){
-        if(to.name == 'dashboard'||to.name=='indexView'|| to.name == 'login' || to.name == 'mobileLoginCmpt'|| to.name == 'emailLoginCmpt'|| to.name == 'mobileRegisterCmpt'|| to.name == 'emailRegisterCmpt'||to.name=='completeInfoCmpt'|| to.name == 'successCmpt'||to.name=='findPasswordCmpt'||to.name=='modifyPasswordCmpt'||to.name=='passSuccessCmpt'||to.name=='indexView'||to.name=="mobileIndex"||to.name=="mobileLogin"||to.name=="loginByPhone"||to.name=="loginByEmail"||to.name=="mobileRegister"||to.name=="registerComplete"||to.name=="shareRequire"||to.name=="shareProject"||to.name=="knowledgeList"||to.name=="knowledgeDetail"||to.name=='vip'||to.name=='vipList'||to.name=='loadEmail'||to.name=='openEmail'||to.name=="viewRequire"||to.name=="phoneBusinessList"||to.name=="phoneBusinessDetail"||to.name=="phoneRequireDetail"||to.name=="bigBusinessList"||to.name=="bigBusinessDetail"||to.name=="requireDetail"||to.name=="mixSearch"||to.name=="activitylist"||to.name=="activitydetail"||to.name=="activitySearchResult"||to.name=="applyForProject"||to.name=='wechatLogin'||to.name=='newPage'||to.name=='bindAccount'){
+        if(to.name == 'dashboard'||to.name=='indexView'|| to.name == 'login' || to.name == 'mobileLoginCmpt'|| to.name == 'emailLoginCmpt'|| to.name == 'mobileRegisterCmpt'|| to.name == 'emailRegisterCmpt'||to.name=='completeInfoCmpt'|| to.name == 'successCmpt'||to.name=='findPasswordCmpt'||to.name=='modifyPasswordCmpt'||to.name=='passSuccessCmpt'||to.name=='indexView'||to.name=="mobileIndex"||to.name=="mobileLogin"||to.name=="loginByPhone"||to.name=="loginByEmail"||to.name=="mobileRegister"||to.name=="registerComplete"||to.name=="shareRequire"||to.name=="shareProject"||to.name=="knowledgeList"||to.name=="knowledgeDetail"||to.name=='vip'||to.name=='vipList'||to.name=='loadEmail'||to.name=='openEmail'||to.name=="viewRequire"||to.name=="phoneBusinessList"||to.name=="phoneBusinessDetail"||to.name=="phoneRequireDetail"||to.name=="bigBusinessList"||to.name=="bigBusinessDetail"||to.name=="requireDetail"||to.name=="mixSearch"||to.name=="activitylist"||to.name=="activitydetail"||to.name=="activitySearchResult"||to.name=="applyForProject"||to.name=='wechatLogin'||to.name=='newPage'||to.name=='bindAccount'||to.name=='videoPreload'){
         } else{
             if(to.path == '/questionfill'||to.path == '/casedetailschild'||to.path == '/lndustryfocuschild'||to.path == '/successfulcasechild'||to.path == '/projectdetails'||to.path == '/seeprojectlist'||to.path == '/projectlist'||to.path == '/viewproject'||to.path == '/templateMobile1'||to.path == '/knowledge'||to.path == '/knowledgedetails'||to.path == '/termserviceed'||to.path == '/privacypolicyed'||to.path == '/contactused'||to.path == '/aboutused'||to.path == '/casedetailsed'||to.path == '/lndustryfocused'||to.path == '/successfulcaseed'||to.path == '/usehelped'||to.path == '/useHelp'||to.path == '/reminder'||to.path == '/contactus' ||to.path == '/privacypolicy' ||to.path == '/termservice' ||to.path == '/casedetails' ||to.path == '/successfulcase' ||to.path == '/lndustryfocus' ||to.path == '/aboutus'||to.path=='/applicationnotice' ){
 

src/router.js

@@ -57,7 +57,7 @@ import viewRequire from './views/sendEmail/pages/viewRequire';//无需登录需
 
 //手机端
 import indexView from './views/mobile/index';
-import mobileIndex from './views/mobile/index/index';//手机端首页
+import mobileIndex from './views/mobile/index/index1';//手机端首页
 import shareRequire from './views/share/require';//分享需求
 import shareProject from './views/share/project';//分享项目
 import mobileLogin from './views/mobile/loginregister/login';//登录
@@ -86,6 +86,7 @@ import knowledgeList from './views/knowledge/mobile/list';//知识资源列表
 import knowledgeDetail from './views/knowledge/mobile/detail';//知识资源详情
 import newPage from './views/mobile/loginregister/newPage';//微信登录
 import bindAccount from './views/mobile/loginregister/bindAccount';//绑定帐号
+import videoPreload from './views/mobile/proFeedback/videoPreload';//视频播放预演
 Vue.use(Router)
 
 export default new Router({
@@ -766,6 +767,11 @@ export default new Router({
                     name:"bindAccount",
                     component:bindAccount
                 },
+                {
+                    path:'/videoPreload',
+                    name:"videoPreload",
+                    component:videoPreload
+                }
             ]
 
         },

src/views/mobile/proFeedback/videoPreload.vue

+<template>
+    <div>
+        <div v-for="item in videoList">
+            <videoCmpt :src="item"></videoCmpt>
+        </div>
+    </div>
+</template>
+<script>
+    import videoCmpt from './videoCmpt';
+    export default {
+        name: "videoLoad",
+        components:{
+            videoCmpt
+        },
+        data() {
+            return{
+                videoList:[
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+                    "https://techbook-test.oss-cn-beijing.aliyuncs.com/public/23b67ae196688598f1002a95d77f170c.mp4",
+
+                ]
+            }
+        },
+        methods: {
+
+        },
+        mounted() {
+
+        },
+    }
+</script>
+<style lang="scss" scoped>
+
+</style>