2011-11-07 49 views
1

有没有使用Lungo.JS的例子?使用Lungo.JS的例子

我想开始开发移动内容的WebApp ......并且我找到http://lungo.tapquo.com/,但我似乎无法找到示例。

在此先感谢

+0

但使用PhoneGap的是需要使用HTML5和JS太...我thougt该phonegap是一个包装使用html5在设备上使用其功能...我lije的Lungoaproach ...我需要测试它... – NeoMorfeo

+0

从我所看到的,Lungo做的PhoneGap所做的相同的事情,只是它的功能较少,没有人听说过它。而且它的文档也很少。 – 2011-11-07 13:14:44

+0

@Muu请帮助我,因为我看到phonegap,只是一个js库在手机上使用html(webapp),但没有结构化应用程序结构代码或用户界面来查看,例如列表,例如Lungo .JS确实......(我认为Lungo比电话更接近Jquery Mobile) – NeoMorfeo

回答

5

您在这里有一个HOWTO ..

http://lungo.tapquo.com/documentation/

很容易使测试样品..

1 - 上\程序\ app.js (...)

2 - 删除测试部分并粘贴此完整示例(基于howto):

<section id="main"> 
     <header data-title="Title of section"></header> 
     <article id="first_article"></article> 
     <article id="second_article" class="list"> 
      <scroll id="main_scroll"> 
      <ul> 
       <li data-icon="user"> 
        <strong>@soyjavi</strong> 
        <small>Author of @Lungojs</small> 
       </li> 

       <li data-icon="user"> 
        <strong>@pasku1</strong> 
        <small>Contributor of @Lungojs</small> 
       </li> 

       ... 
      </ul> 
     </scroll> 
     </article> 

     <footer class="toolbar"> 
      <nav> 
       <a href="#first_article" class="article" data-icon="home"></a> 
       <a href="#second_article" class="article" data-icon="user"></a> 

       <!-- This link is to view a different section --> 
       <a href="#second" class="section" data-icon="right"></a> 
      </nav> 
     </footer> 
    </section> 

    <section id="second"> 
     <header data-back="home blue"></header> 
     <!-- content --> 
    </section> 

3-如果你想要更多,有截屏:http://vimeo.com/user9162294

[编辑]

4 - 我所看到的,有在GitHub上的例子:https://github.com/TapQuo/Lungo.js/tree/master/examples

+1

这是一个很好的起点,谢谢@Iker。 – NeoMorfeo

+1

您可以通过href =“#

”在“sections”和“articles”之间导航,并用class =“
”标记链接,您可以使用JS api太:http://www.lungojs.com/api/#doc-router-section – Iker