组件开发基本DEMO

入门示例

此示例为新版本框架功能演示，源代码的获取地址为github地址

目录结构

% tree .
.
├── project.json
└── src
    ├── css
    │   ├── index.less
    │   └── style.css
    ├── html
    │   ├── page
    │   │   └── index.html
    │   ├── snippet
    │   │   ├── footer.html
    │   │   └── header.html
    │   └── view
    │       ├── index
    │       │   ├── main.html
    │       │   ├── shop.html
    │       │   └── user.html
    │       └── index.html
    ├── images
    │   └── icon.png
    └── js
        ├── api
        │   └── api.js
        ├── lib
        │   └── underscore.js
        ├── regist
        │   └── index.js
        └── view
            ├── index
            │   ├── main.js
            │   ├── shop.js
            │   └── user.js
            └── index.js

视图配置

<!DOCTYPE html>
<html>
<head>
<snippet id="header" />
  <!-- build:css css/style.css -->
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/index.css" />
  <!-- endbuild -->
	<title>light-dev-demo-light framework demo</title>
</head>
<body>
  <div id="main">
    <view id="index"  />
    <view id="index/main" parent="index"  home="true"/>
    <view id="index/shop" parent="index"  />
    <view id="index/user" parent="index"  />
  </div>
  <snippet id="footer" />
</body>
  <script type="text/javascript" src="//res.lightyy.com/lighting/framework/light-1.0.min.js"></script>
  <!-- build:js js/app.js -->
  <!--<script type="text/javascript" src="js/lib/underscore.js"></script>-->
  <!-- inject:view -->
  <!-- endinject -->
  <!-- endbuild -->
  <script type="text/javascript">
    App.start();
  </script>
</html>

父子嵌套配置


<div id="index" style="display:none;">
    <sub-view></sub-view>
    <a href="#/index/main">主页</a>
    <a href="#/index/shop">商城</a>
    <a href="#/index/user">个人中心</a>
</div>

其中子视图会被lighting迁移到sub-view标签所在的位置

进阶示例

预览地址：http://uc27g686r.lightyy.com/index.html

二维码地址 :
light_proj_0

源码下载地址

多态打包实例

该实例演示了如何在lighting框架的工程内，使用一次release命令，同时交付多个环境的开发包。

源码下载地址

工程间资源引用使用实例

该实例演示了使用lighting框架的工程间资源引用提高代码复用度。

源码下载地址