You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
2.1 KiB
50 lines
2.1 KiB
import React, { useState } from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import './index.css';
|
|
import './iconfont/iconfont.css'
|
|
let head = (
|
|
<div className='app'>
|
|
<header>
|
|
<div className='head_fl'>
|
|
<ul>
|
|
<li className='head_li'><a href='#'>首页</a></li>
|
|
<li className='head_li'><a href='#'>实践课程</a></li>
|
|
<li className='head_li'><a href='#'>实践项目</a></li>
|
|
<li className='head_li'><a href='#'>教学课堂</a></li>
|
|
<li className='head_li'><a href='#'>在线竞赛</a></li>
|
|
<li className='head_li'><a href='#'>教学案例</a></li>
|
|
<li className='head_li'><a href='#'>交流问答</a></li>
|
|
<li className='head_li'><a href='#'>大学开源</a></li>
|
|
<li className='head_li'><a href='#'>工程认证</a></li>
|
|
</ul>
|
|
</div>
|
|
<div className='head_fr'>
|
|
<ul>
|
|
<li className='head_lis'><i className='iconfont icon-sousuo1'></i></li>
|
|
<li className='head_lis'><i className='iconfont icon-tianjia'></i></li>
|
|
<li className='head_lis'><i className='iconfont icon-xiaoxi'></i></li>
|
|
<li className='head_lis'><i className='iconfont icon-touxiang'></i></li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
<div className='box1'>
|
|
<div className='boxOne'>
|
|
<ul>
|
|
<li><a href='#' className='boxTwo'>程序语言设计 <sapn style={{textAline:'right'}}>{'>'}</sapn></a></li>
|
|
<li><a href='#' className='boxTwo'>计算机基础</a></li>
|
|
<li><a href='#' className='boxTwo'>计算机系统能力</a></li>
|
|
<li><a href='#' className='boxTwo'>云计算与大数据</a></li>
|
|
<li><a href='#' className='boxTwo'>人工智能</a></li>
|
|
<li><a href='#' className='boxTwo'>软件工程</a></li>
|
|
<li><a href='#' className='boxTwo'>Web开发</a></li>
|
|
<li><a href='#' className='boxTwo'>更多</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<img src='https://ali-cdn.educoder.net/images/avatars/PortalImage/89?t=1640671464' ></img>
|
|
</div>
|
|
</div>
|
|
)
|
|
ReactDOM.render(head,document.getElementById('root'));
|