light7
輕量，小巧且精美的UI庫(kù)方便迅速搭建手機(jī)H5應(yīng)用
light7中文官網(wǎng)：http://light7.cn/
- 配置
在public -> index.html 中l(wèi)ink相關(guān)樣式
<!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" />
<link rel="stylesheet" />
<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>
完成以上步驟便可調(diào)用light7中UI樣式
