详情页前台

目录
  • 详情页组件
    • 依赖:在luffycity目录下的命令
    • 配置:main.js
    • 资源:图片放置assrts/img文件夹
    • 路由:router.js
    • 组件

详情页组件

依赖:在luffycity目录下的命令

>: cnpm install vue-video-player

配置:main.js

// vue-video播放器
require('video.js/dist/video-js.css');
require('vue-video-player/src/custom-theme.css');
import VideoPlayer from 'vue-video-player'
Vue.use(VideoPlayer);

资源:图片放置assrts/img文件夹

"""
enum.svg
chapter-player.svg
cart-yellow.svg
"""

路由:router.js

import FreeCourseDetail from './views/FreeCourseDetail.vue'
export default new Router({
    routes: [
        // ...
        {
            path: '/free/detail/:pk',
            name: 'free-detail',
            component: FreeCourseDetail
        }
    ]
}

组件






你可能感兴趣的:(详情页前台)