Framework7

By Updated on:

目录

版本：8.3.3

安装

npm install -g framework7-cli

使用

创建项目

framework7 create --ui # 或 framework7 create
参数
--skipUpdate跳过更新检查
--port portNumber更改端口
npm install

开发服务器

npm run dev

开发

路由

状态

组件

导航栏

手风琴

<!--单个手风琴-->
<div class="accordion-item">
    <div class="accordion-item-toggle">...</div>
    <div class="accordion-item-content">...</div>
</div>
<!-- 手风琴列表 -->
<div class="accordion-list">
  <div class="accordion-item accordion-item-opened">
    <div class="accordion-item-toggle">...</div>
    <div class="accordion-item-content">...</div>
  </div>
 <div class="accordion-item">
    <div class="accordion-item-toggle">...</div>
    <div class="accordion-item-content">...</div>
  </div>
</div>
属性
属性说明
accordion-opposite更改手风琴图标位置于左侧
  
  
  
方法
app.accordion.open(item) 
app.accordion.close（item） 
app.accordion.toggle(item)