【别贪心】keep-web

2021-01-15 04:14

阅读:631

标签:hover   func   uga   mat   20px   duration   app store   pat   ora   

首先放下作者大大的github地址:https://github.com/SJanJan/keep-web
接着我们看下项目
技术图片

//main.js
import Vue from ‘vue‘
import App from ‘./App.vue‘
import ‘@/styles/reset.scss‘
Vue.config.productionTip = false

new Vue({
  render: h => h(App)
}).$mount(‘#app‘)

//AppNavbar.vue

//AppFooter.vue

//AppContent.vue

//ParagraphContent.vue
//TrainingContent.vue
//RunParaContent.vue
//RunContent.vue


//CommunityParaContent.vue
//Community.vue

//ParagraphStoreContent.vue
//StoreContent.vue

接下来这个就很有意思了,用来处理了自动向上滚动和消失的
技术图片

//UsersContent.vue
//LinkContent.vue

接下来就是重头戏,视频播放那里了
这个地方的处理也是很有技巧的
技术图片
这个方法还直接获取了更深一级的属性
这个可以理解为视频外面的海报

//AppHeader.vue

子组件给父组件传递了事件,然后又通过事件去根据值处理播放,项目最核心的地方就是这里了

//VideoPlay.vue

感谢作者大大给我们开源项目,感恩,感谢

【别贪心】keep-web

标签:hover   func   uga   mat   20px   duration   app store   pat   ora   

原文地址:https://www.cnblogs.com/smart-girl/p/13401478.html


评论


亲,登录后才可以留言!