React项目中使用light7框架

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样式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,064评论 3 119
  • 玉米地的地平线和草原 车急驶着,没有行人,也极少有车擦肩而过,路两侧的老树,和树后面大片大片的玉米地,一路匆匆向后...
    吴双小姐阅读 4,003评论 0 2
  • 我们都知道,时间永远是最公平的,每个人一天都是24小时,但高效率的人却能在这24小时内做出48小时的事,不懂得规划...
    一场美梦被惊醒阅读 1,625评论 0 3
  • 其一 岷峨跌宕自西来,驻邑郫都震业开。 始教农桑耕稻事,复丰衣食哺童孩。 惊心啼鸟时时苦,染血鹃花夜夜哀。 今际祠...
    作家魏潘阅读 5,722评论 0 12
  • 万物伊始的四月,思念随之而来 熬过东北白雪皑皑的冬季,我再也无法用哈气呼出你的样子,没有了飘雪的衬托,天空显得格外...
    mayzs阅读 1,630评论 0 0

友情链接更多精彩内容