light7
轻量,小巧且精美的UI库方便迅速搭建手机H5应用
light7中文官网:http://light7.cn/
- 配置
在public -> index.html 中link相关样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
{/**添加如下light7样式link*/}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/light7/0.4.3/css/light7.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/light7/0.4.3/css/light7-swiper.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/light7/0.4.3/js/light7.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/light7/0.4.3/js/light7-city-picker.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/light7/0.4.3/js/light7-swiper.js" type="text/javascript"></script>
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<title>React App</title>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
</body>
</html>
完成以上步骤便可调用light7中UI样式