渲染功能
布局组件
<v-app>
<app-side-bar />
<app-top-bar />
<v-content class="app-content">
<v-container
fluid
class="pl-0 pr-0 __fix-viewport beautify-scrollbar"
ref="scroll-wrapper"
>
<keep-alive>
<router-view />
</keep-alive>
</v-container>
</v-content>
</v-app>
主要由 vuetify 提供的布局组件,搭建效率 n*n
css 编译 sass-loader 配置
配置一些 sass 全局变量
chainWebpack: config => {
;['vue-modules', 'vue', 'normal-modules', 'normal'].forEach(match => {
config.module
.rule('scss')
.oneOf(match)
.use('sass-loader')
.tap(opt =>
Object.assign(opt, { prependData: `@import '@/scss/variable.scss';` })
)
})
视频播放组件
使用 dplayer,弹幕,流文件都能够直接播放,无需 iframe 嵌入
其他
具体开发模式参照 vue 官网文档,开发爽的飞起