点击课程整个区域都可进详情页

src/common/VList/index.js

 import React from 'react';
 import './index.scss'
-import {Link} from 'react-router-dom'
 
 const VList = (props) => {
     return (
-        <li className='v-list-item'>
+        <li className='v-list-item' onClick={() => props.toDetail(props.id)}>
             <div className="content">
                 <div className="cover">
                     {props.status}
-                   {/* <Link to={`/detail?id=${props.id}`}> */}
-                   {props.toDetail
-                        ?(<img src={props.img} alt="" onClick={() => props.toDetail(props.id)} />)
-                        :(<img src={props.img} alt="" />)
+                    {props.toDetail
+                        ? (<img src={props.img} alt=""/>)
+                        : (<img src={props.img} alt=""/>)
                     }
-                   {/* </Link> */}
                 </div>
                 {props.info}
             </div>