-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathframework7.html
More file actions
26 lines (26 loc) · 11.3 KB
/
framework7.html
File metadata and controls
26 lines (26 loc) · 11.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Framework7 - 全栈艺术</title><meta name="description" content="版本：8.3.3 npm install -g framework7-cli 使用 创建项目 framework7 create --ui # 或 framework7 create 参数 --skipUpdate 跳过更新检查 --port portNumber 更改端口 npm install 开发服务器 npm run…"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://yoru-hiru.github.io/fuck-coding/framework7.html"><link rel="alternate" type="application/atom+xml" href="https://yoru-hiru.github.io/fuck-coding/feed.xml"><link rel="alternate" type="application/json" href="https://yoru-hiru.github.io/fuck-coding/feed.json"><meta property="og:title" content="Framework7"><meta property="og:site_name" content="全栈艺术"><meta property="og:description" content="版本：8.3.3 npm install -g framework7-cli 使用 创建项目 framework7 create --ui # 或 framework7 create 参数 --skipUpdate 跳过更新检查 --port portNumber 更改端口 npm install 开发服务器 npm run…"><meta property="og:url" content="https://yoru-hiru.github.io/fuck-coding/framework7.html"><meta property="og:type" content="article"><link rel="preload" href="https://yoru-hiru.github.io/fuck-coding/assets/dynamic/fonts/jetbrainsmono/jetbrainsmono.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://yoru-hiru.github.io/fuck-coding/assets/css/style.css?v=0643aeb33172d8efe1d48cf7f23a4fbe"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://yoru-hiru.github.io/fuck-coding/framework7.html"},"headline":"Framework7","datePublished":"2024-08-28T03:02+08:00","dateModified":"2024-09-10T13:25+08:00","description":"版本：8.3.3 npm install -g framework7-cli 使用 创建项目 framework7 create --ui # 或 framework7 create 参数 --skipUpdate 跳过更新检查 --port portNumber 更改端口 npm install 开发服务器 npm run…","author":{"@type":"Person","name":"Yoruhiru","url":"https://yoru-hiru.github.io/fuck-coding/authors/yoru/"},"publisher":{"@type":"Organization","name":"Yoruhiru"}}</script><noscript><style>img[loading] {
opacity: 1;
}</style></noscript></head><body><div class="container container--center"><header class="header"><div class="header__logo"><a class="logo" href="https://yoru-hiru.github.io/fuck-coding/">全栈艺术</a></div><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu" aria-haspopup="true" aria-expanded="false"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li class="has-submenu"><a href="https://yoru-hiru.github.io/fuck-coding/chan-pin.html" target="_self" aria-haspopup="true">产品</a><ul class="navbar__submenu level-2" aria-hidden="true"><li><span class="is-separator">立项</span></li><li><span class="is-separator">规划</span></li><li><span class="is-separator">协作</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">设计</span><ul class="navbar__submenu level-2" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/yong-hu-ti-yan.html" target="_self">体验</a></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">系统</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/jie-mian.html" target="_self">语言</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-token.html" target="_self">变量</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-zu-jian.html" target="_self">维护</a></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">界面</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">线框</span></li><li><span class="is-separator">原型</span></li><li><span class="is-separator">视觉</span></li></ul></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">技术</span><ul class="navbar__submenu level-2" aria-hidden="true"><li class="has-submenu"><span class="is-separator" aria-haspopup="true">架构</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/jia-gou-jue-ce.html" target="_self">决策</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/jia-gou-mo-shi.html" target="_self">模式</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/dai-ma.html" target="_self">代码</a></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">开发</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/ji-chu.html" target="_self">基础</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/dai-ma.html" target="_self">编程</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/ce-shi.html" target="_self">审查</a></li></ul></li><li><span class="is-separator">运维</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">运营</span><ul class="navbar__submenu level-2" aria-hidden="true"><li class="has-submenu"><span class="is-separator" aria-haspopup="true">方面</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">内容</span></li><li><span class="is-separator">用户</span></li><li><span class="is-separator">活动</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">模式</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">商业</span></li><li><span class="is-separator">推广</span></li></ul></li><li><span class="is-separator">分析</span></li></ul></li></ul></nav></header><main class="content"><article class="post"><header><h1 class="post__title">Framework7</h1><div class="post__meta"><time datetime="2024-08-28T03:02" class="post__date">八月 28, 2024 </time><span class="post__author"><a href="https://yoru-hiru.github.io/fuck-coding/authors/yoru/" class="feed__author">Yoruhiru</a></span></div></header><div class="post__entry"><div class="post__toc"><h3>目录</h3><ul><li><a href="#mcetoc_1i77gpf3sis">安装</a></li><li><a href="#mcetoc_1i77gnphoik">使用</a><ul><li><a href="#mcetoc_1i77gnphoil">创建项目</a></li><li><a href="#mcetoc_1i77lkhkeme">开发服务器</a></li><li><a href="#mcetoc_1i77lmemvmq">开发</a><ul><li><a href="#mcetoc_1i77lmemvmr">路由</a></li><li><a href="#mcetoc_1i77lmemvms">状态</a></li><li><a href="#mcetoc_1i77lkhkemf">组件</a></li></ul></li></ul></li></ul></div><p>版本：8.3.3</p><hr><h2 id="mcetoc_1i77gpf3sis">安装</h2><pre class="language-bash"><code>npm install -g framework7-cli</code></pre><h2 id="mcetoc_1i77gnphoik">使用</h2><h3 id="mcetoc_1i77gnphoil">创建项目</h3><pre class="language-bash"><code>framework7 create --ui # 或 framework7 create</code></pre><table style="border-collapse: collapse; width: 100%;" border="1"><caption>参数</caption><tbody><tr><td style="width: 49.9526%;">--skipUpdate</td><td style="width: 49.9526%;">跳过更新检查</td></tr><tr><td style="width: 49.9526%;">--port portNumber</td><td style="width: 49.9526%;">更改端口</td></tr></tbody></table><pre class="language-bash"><code>npm install</code></pre><h3 id="mcetoc_1i77lkhkeme">开发服务器</h3><pre class="language-bash"><code>npm run dev</code></pre><h3 id="mcetoc_1i77lmemvmq">开发</h3><h4 id="mcetoc_1i77lmemvmr">路由</h4><h4 id="mcetoc_1i77lmemvms">状态</h4><h4 id="mcetoc_1i77lkhkemf">组件</h4><p>导航栏</p><p>手风琴</p><pre class="language-html"><code><!--单个手风琴-->
<div class="accordion-item">
<div class="accordion-item-toggle">...</div>
<div class="accordion-item-content">...</div>
</div></code></pre><pre class="language-html"><code><!-- 手风琴列表 -->
<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></code></pre><table style="border-collapse: collapse; width: 100%;" border="1"><caption>属性</caption><thead><tr><td style="width: 49.9526%;">属性</td><td style="width: 49.9526%;">说明</td></tr></thead><tbody><tr><td style="width: 49.9526%;">accordion-opposite</td><td style="width: 49.9526%;">更改手风琴图标位置于左侧</td></tr><tr><td style="width: 49.9526%;"> </td><td style="width: 49.9526%;"> </td></tr><tr><td style="width: 49.9526%;"> </td><td style="width: 49.9526%;"> </td></tr><tr><td style="width: 49.9526%;"> </td><td style="width: 49.9526%;"> </td></tr></tbody></table><table style="border-collapse: collapse; width: 100%;" border="1"><caption>方法</caption><tbody><tr><td style="width: 49.9526%;">app.accordion.open(<span data-immersive-translate-walked="09bf6a89-aa27-4438-89a8-229def29ae18">item</span>)</td><td style="width: 49.9526%;"> </td></tr><tr><td style="width: 49.9526%;">app.accordion.close（<span data-immersive-translate-walked="09bf6a89-aa27-4438-89a8-229def29ae18">item</span>）</td><td style="width: 49.9526%;"> </td></tr><tr><td style="width: 49.9526%;">app.accordion.toggle(<span data-immersive-translate-walked="09bf6a89-aa27-4438-89a8-229def29ae18">item</span>)</td><td style="width: 49.9526%;"> </td></tr></tbody></table></div><footer class="wrapper post__footer"><p class="post__last-updated">This article was updated on 九月 10, 2024</p><div class="post__share"></div></footer><nav class="pagination"><div class="pagination__title"><span>Read other posts</span></div><div class="pagination__buttons"><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-jie-mian.html" class="btn previous" rel="prev" aria-label="[MISSING TRANSLATION]: 设计界面 "><span class="btn__icon">←</span> <span class="btn__text">设计界面</span> </a><a href="https://yoru-hiru.github.io/fuck-coding/cordova.html" class="btn next" rel="next" aria-label="[MISSING TRANSLATION]: Cordova "><span class="btn__text">Cordova</span> <span class="btn__icon">→</span></a></div></nav></article></main><footer class="footer"><div class="footer__inner"><div class="footer__copyright"><p>@yoruhiru</p></div></div></footer></div><script defer="defer" src="https://yoru-hiru.github.io/fuck-coding/assets/js/scripts.min.js?v=74fad06980c30243d91d72c7c57fcdb8"></script><script>window.publiiThemeMenuConfig={mobileMenuMode:'overlay',animationSpeed:300,submenuWidth: 'auto',doubleClickTime:500,mobileMenuExpandableSubmenus:true,relatedContainerForOverlayMenuSelector:'.top'};</script><script>var images = document.querySelectorAll('img[loading]');
for (var i = 0; i < images.length; i++) {
if (images[i].complete) {
images[i].classList.add('is-loaded');
} else {
images[i].addEventListener('load', function () {
this.classList.add('is-loaded');
}, false);
}
}</script></body></html>