github/basic
1
0
Fork 2
mirror of https://github.com/fantastic-admin/basic.git synced 2026-10-07 15:11:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新视频教程

Browse Source
This commit is contained in:
hooray
2020-11-04 14:54:48 +08:00
parent 0cf8f28762
commit 38004755e3
11 changed files with 237 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/icons/sidebar-videos.svg
+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1604457548589" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4188" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M84.48 724.48h852.48V128H84.48v596.48zM0 128c0-46.08 38.4-84.48 84.48-84.48h852.48C985.6 43.52 1024 81.92 1024 128v596.48c0 46.08-38.4 84.48-84.48 84.48H84.48c-46.08 0-84.48-38.4-84.48-84.48V128z" p-id="4189"></path><path d="M468.48 724.48h84.48v212.48h-84.48v-212.48z" p-id="4190"></path><path d="M299.52 896h427.52v84.48H299.52V896zM389.12 307.2v230.4l245.76-122.88z" p-id="4191"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 772 B

src/layout/components/SearchSidebar/index.vue
+1 -1
View File
@@ -9,7 +9,7 @@
<router-link v-for="item in resultList" :key="item.path" v-slot="{ href, navigate }" :to="item.path">
<a :href="isExternal(item.path) ? item.path : href" class="item" :target="isExternal(item.path) ? '_blank' : '_self'" @click="navigate">
<div class="icon">
<svg-icon :name="item.icon" />
<svg-icon v-if="item.icon" :name="item.icon" />
</div>
<div class="info">
<div class="title">
src/layout/index.vue
-1
View File
@@ -326,7 +326,6 @@ header {
.el-menu {
border-right: 0;
padding-top: $g-breadcrumb-height;
padding-bottom: 30px;
&:not(.el-menu--collapse) {
width: inherit;
}
src/router/index.js
+10
View File
@@ -72,6 +72,7 @@ import BreadcrumbExample from './modules/breadcrumb.example'
import KeepAliveExample from './modules/keep.alive.example'
import ComponentExample from './modules/component.example'
import PermissionExample from './modules/permission.example'
import VideosExample from './modules/videos.example'
import ExTernalLinkExample from './modules/external.link.example'
// 当 children 不为空的主导航只有一项时，则隐藏
@@ -89,6 +90,15 @@ let asyncRoutes = [
PermissionExample
]
},
{
meta: {
title: '教程',
icon: 'sidebar-videos'
},
children: [
...VideosExample
]
},
{
meta: {
title: '其它',
src/router/modules/videos.example.js
+109
View File
@@ -0,0 +1,109 @@
import Layout from '@/layout'
export default [
{
path: '/videos_example/1',
component: Layout,
name: 'videosExample1',
meta: {
title: '01 - 开发环境配置'
},
children: [
{
path: '',
name: 'videosExampleVideo1',
component: () => import(/* webpackChunkName: 'videos_example' */ '@/views/videos_example/1'),
meta: {
title: '01 - 开发环境配置',
sidebar: false,
breadcrumb: false,
activeMenu: '/videos_example/1'
}
}
]
},
{
path: '/videos_example/2',
component: Layout,
name: 'videosExample2',
meta: {
title: '02 - 框架配置'
},
children: [
{
path: '',
name: 'videosExampleVideo2',
component: () => import(/* webpackChunkName: 'videos_example' */ '@/views/videos_example/2'),
meta: {
title: '02 框架配置',
sidebar: false,
breadcrumb: false,
activeMenu: '/videos_example/2'
}
}
]
},
{
path: '/videos_example/3',
component: Layout,
name: 'videosExample3',
meta: {
title: '03 - 布局和主题'
},
children: [
{
path: '',
name: 'videosExampleVideo3',
component: () => import(/* webpackChunkName: 'videos_example' */ '@/views/videos_example/3'),
meta: {
title: '03 布局和主题',
sidebar: false,
breadcrumb: false,
activeMenu: '/videos_example/3'
}
}
]
},
{
path: '/videos_example/4',
component: Layout,
name: 'videosExample4',
meta: {
title: '04 - 全局资源'
},
children: [
{
path: '',
name: 'videosExampleVideo4',
component: () => import(/* webpackChunkName: 'videos_example' */ '@/views/videos_example/4'),
meta: {
title: '04 全局资源',
sidebar: false,
breadcrumb: false,
activeMenu: '/videos_example/4'
}
}
]
},
{
path: '/videos_example/5',
component: Layout,
name: 'videosExample5',
meta: {
title: '05 - 组件'
},
children: [
{
path: '',
name: 'videosExampleVideo5',
component: () => import(/* webpackChunkName: 'videos_example' */ '@/views/videos_example/5'),
meta: {
title: '05 组件',
sidebar: false,
breadcrumb: false,
activeMenu: '/videos_example/5'
}
}
]
}
]
src/store/modules/global.js
+1 -1
View File
@@ -129,7 +129,7 @@ const mutations = {
},
setHeaderActive(state, currentPath) {
state.allRoutes.map((item, index) => {
if (item.children.some(r => currentPath.indexOf(r.path + '/') === 0)) {
if (item.children.some(r => currentPath.indexOf(r.path + '/') === 0 || currentPath == r.path)) {
state.headerNavActive = index
}
})
src/views/videos_example/1.vue
+23
View File
@@ -0,0 +1,23 @@
<template>
<el-row>
<el-col :md="18">
<page-main>
<iframe src="//player.bilibili.com/player.html?aid=500052419&bvid=BV1mK411A7Uv&cid=249428802&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" />
</page-main>
</el-col>
</el-row>
</template>
<style lang="scss" scoped>
.page-main {
position: relative;
height: 0;
padding-bottom: 60%;
}
iframe {
border: 1px solid #ccc;
position: absolute;
width: calc(100% - 40px);
height: calc(100% - 40px);
}
</style>
src/views/videos_example/2.vue
+23
View File
@@ -0,0 +1,23 @@
<template>
<el-row>
<el-col :md="18">
<page-main>
<iframe src="//player.bilibili.com/player.html?aid=627523969&bvid=BV1Vt4y1i7Sh&cid=249474659&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" />
</page-main>
</el-col>
</el-row>
</template>
<style lang="scss" scoped>
.page-main {
position: relative;
height: 0;
padding-bottom: 60%;
}
iframe {
border: 1px solid #ccc;
position: absolute;
width: calc(100% - 40px);
height: calc(100% - 40px);
}
</style>
src/views/videos_example/3.vue
+23
View File
@@ -0,0 +1,23 @@
<template>
<el-row>
<el-col :md="18">
<page-main>
<iframe src="//player.bilibili.com/player.html?aid=627509382&bvid=BV1Et4y1i7cJ&cid=249536051&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" />
</page-main>
</el-col>
</el-row>
</template>
<style lang="scss" scoped>
.page-main {
position: relative;
height: 0;
padding-bottom: 60%;
}
iframe {
border: 1px solid #ccc;
position: absolute;
width: calc(100% - 40px);
height: calc(100% - 40px);
}
</style>
src/views/videos_example/4.vue
+23
View File
@@ -0,0 +1,23 @@
<template>
<el-row>
<el-col :md="18">
<page-main>
<iframe src="//player.bilibili.com/player.html?aid=712619685&bvid=BV1kD4y197Rr&cid=249551213&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" />
</page-main>
</el-col>
</el-row>
</template>
<style lang="scss" scoped>
.page-main {
position: relative;
height: 0;
padding-bottom: 60%;
}
iframe {
border: 1px solid #ccc;
position: absolute;
width: calc(100% - 40px);
height: calc(100% - 40px);
}
</style>
src/views/videos_example/5.vue
+23
View File
@@ -0,0 +1,23 @@
<template>
<el-row>
<el-col :md="18">
<page-main>
<iframe src="//player.bilibili.com/player.html?aid=927682296&bvid=BV1mT4y1F7hL&cid=251963511&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" />
</page-main>
</el-col>
</el-row>
</template>
<style lang="scss" scoped>
.page-main {
position: relative;
height: 0;
padding-bottom: 60%;
}
iframe {
border: 1px solid #ccc;
position: absolute;
width: calc(100% - 40px);
height: calc(100% - 40px);
}
</style>