@icedesign/algorithm-model-admin-scaffold
Version:
该模板适用于数据模型类的管理类后台,内置通用的介绍页和丰富的区块,使用时需要根据需求进行删除和添加
46 lines (44 loc) • 1.41 kB
JSX
import React from 'react';
import { Icon } from '@alifd/next';
import { Link } from 'react-router-dom';
import styles from './index.module.scss';
export default () => {
return (
<div className={styles.container}>
<Link to="/" className={styles.logoLink}>
LOGO
</Link>
<ul className={styles.navs}>
<li className={styles.navMenu}>
<a href="#" className={{ ...styles.navLink, ...styles.NavIconLink }}>
<img
src="https://img.alicdn.com/tfs/TB1crknwzDpK1RjSZFrXXa78VXa-32-32.png"
alt=""
className={styles.internationalImg}
/>
中国站
<Icon type="arrow-up" size="xs" className="arrow-up-icon" />
<Icon type="arrow-down" size="xs" className="arrow-down-icon" />
</a>
<ul className={styles.subNavs}>
<li className={styles.subNavMenu}>
<a href="#" className={styles.subNavLink}>
International
</a>
</li>
<li className={styles.subNavMenu}>
<a href="#" className={styles.subNavLink}>
日本サイト
</a>
</li>
</ul>
</li>
<li className={styles.navMenu}>
<a href="#" className={styles.navLink}>
首页
</a>
</li>
</ul>
</div>
);
};