码迷,mamicode.com
首页 > 其他好文 > 详细

Framework7学习笔记之View的定义与View的初始化

时间:2018-02-12 13:56:17      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:容器   因此   div   too   mod   framework   bsp   工具   标签   

 

一:View与Views

    View:在应用中是一个独立的部分,她有自己的设置、页面切换和历史。每一个视图都可以有不同的导航栏、工具栏布局和不同的样式

              所以View就像是嵌在应用中的另一个应用。这种功能可以让你来分别操作一个应用中的不同部分。

   Views:是所有可见View的容器(不包括Modal和Panel)。Views 是你的应用主容器。一个应用中只能有一个 Views。

   辨析:app>views>view>page。

   关系:一个app只能有一个views标签,用于容纳view组件。

            view组件是page页面的容器,page定义了页面的内容,但是界面的样式、导航栏、工具栏等是由page所在等view来定义的。

            一个app的不同页面可以有不同的导航栏、工具栏甚至不同的样式,这些不同的页面就是由 不同的view+view中的page 共同组成的。

            因此我们开发视图界面时,主要就是对  不同窗口风格的view的定义、对各页面具体内容的page  的定义。

 

二:格式

<body>
  ...
  <!-- 1:Views  用于容纳不同的view-->
  <div class="views">
    <!-- 2:Your main view 应用的主view,app首页视图 -->
    <div class="view view-main">
      <!-- 1)Navbar 导航栏-->
      <!-- 2)Pages 页面内容 -->
      <!-- 3)Toolbar 工具栏-->
    </div>
    <!-- 3:Another view 其他view视图定义 -->
    <div class="view another-view">
      <!-- 1)Navbar 导航栏-->
      <!-- 2)Pages  页面内容-->
      <!-- 3)Toolbar 工具栏-->
    </div>          
  </div>
  ...
</body>

 

三:View的初始化

    

Framework7学习笔记之View的定义与View的初始化

标签:容器   因此   div   too   mod   framework   bsp   工具   标签   

原文地址:https://www.cnblogs.com/ygj0930/p/8444005.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!