精华内容
下载资源
问答
  • framework7

    2019-10-03 00:26:08
    Framework7 Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。 Framework7 最...

    Framework7

    Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。

    Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。

    Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。

    如果你想开发 iOS 或者 Android 混合应用(Phonegap)或者你想开发 iOS 和 Google Material 风格的WEB APP,那么Framework7将会是你的首选。

    转载于:https://www.cnblogs.com/Yanss/p/10439052.html

    展开全文
  • Framework7 Full Featured Mobile HTML Framework For Building iOS & Android Apps Supporting Framework7 Framework7 is an MIT-licensed open source project with its ongoing development made possible ...
  • Framework7 Full Featured Mobile HTML Framework For Building iOS & Android Apps Supporting Framework7 Framework7 is an MIT-licensed open source project with its ongoing development made possible ...
  • Framework7 CLI Framework7命令行实用程序使创建应用程序更加容易。 自Framework7 v4发行以来,CLI是启动Framework7应用程序开发的最推荐方法。 安装 首先,请确保您已全局安装了cordova(可能需要“ sudo”): $...
  • Framework7 Feeds插件 Framework7 Feeds插件可轻松将RSS feed集成到Framework7应用程序中。 插件带有简单而强大的JS API,可以集成和定制RSS源。 但是在大多数情况下,您根本不需要使用JavaScript。 安装 只需从...
  • framework7-icons, Framework7的免费iOS图标字体 Framework7图标Framework7的高级和免费ios图标字体。这种字体可以用在 Framework7插件中,但是你可以在任何地方看到它适合它,个人或者商业。 它是免费的使用和许可...
  • Framework7图标 适用于的高级和免费iOS图标字体。 该字体是为与一起使用而开发的,但是您可以在适合个人或商业的任何地方使用它。 它是免费使用的,并根据许可。 入门 下载并解压缩字体包 将framework7-icons.css...
  • framework7-website, 用于提供和脱机使用的Framework7网站 Framework7-Websiteframework7网站以脱机使用这些文档http://framework7.io在 root 目录下运行 npm install 以安装npm软件包。 然后,你可以使用Gulp编译 ...
  • 安裝framework7

    2021-01-03 23:37:37
    安裝framework7 一、建议使用npm安装framework7 $ npm install -g framework7-cli 二、创建framework项目 $ framework7 create 或者 可视化创建项目 $ framework7 create --ui

    安裝framework7

    一、安装framework7-cli脚手架

    $ npm i -g framework7-cli
    

    二、创建framework项目

    skipUpdate忽略脚手架更新

    $ framework7 create  --skipUpdate
    

    或者 可视化创建项目

    $ framework7 create --ui --skipUpdate
    

    三、根据个人需求创建项目格式

    (一)简单网页形式
    (二)渐进式形式

    展开全文
  • appFramework7-源码

    2021-02-14 13:36:42
    appFramework7
  • Framework7 +

    2015-11-18 16:24:38
    Framework7 框架,为framework7的补充,支持android版本,为了防止github访问不了
  • Framework7-Vue使用Framework7和Vue构建完整的iOS和Android应用程序
  • framework7 demo

    2014-11-06 11:20:16
    framework7帮助文档
  • framework7.angular, Framework7与 Angular Js的集成尝试 http Framework7 + AngularJS 使用AngularJS强大的移动HTML框架构建 iOS & Android应用程序。 Anuglar 2集成( 正在开发中)https://github.com/ashvi
  • Framework7 Integration

    2021-01-11 20:28:09
    <div><p>How can I integrate Solid with Framework7?</p><p>该提问来源于开源项目:ryansolid/solid</p></div>
  • Framework7键盘插件 键盘插件通过其他自定义键盘扩展了Framework7。 默认情况下,它带有预定义的Numpad和Calculator键盘,但是它也可以用于创建带有自定义按钮的自定义键盘。 安装 只需从dist/文件夹或使用npm获取...
  • Framework7 React 是一个JavaScript框架,用于构建iOS和Material Web以及混合应用程序,以准确地重新创建本机应用程序的外观。 Framework7 React将注意力转移到React的细节,易用性和Framework7的强大功能上。 要...
  • framework7-react-base, 将Framework7与简单的应用程序一起使用 Framework7-React-base这个应用展示了使用移动框架的例子- Framework7与构建数据驱动的联系人应用程序的反应。注释 !src目录包含JSX反应文件( ...
  • Framework7 3D面板插件 Framework7插件为侧面板添加3D效果 安装 只需从dist/文件夹或使用npm获取插件文件: npm install framework7-plugin-3d-panels 并将它们链接到应用程序正确的AFTER Framework7的脚本和样式...
  • Framework7 Split View Starter应用程序模板 拆分视图Framework7入门应用程序模板。 用法 1.下载此存储库 git clone https://github.com/framework7io/framework7-template-split-view my-app 存储库将下载到my-app/...
  • Framework7 操作手册

    2019-02-16 17:36:53
    Framework7 是一个开源免费的框架。可以用来开发混合移动应用(原生和 HTML 混合)或者开发 iOS & Android 风格的 WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。
  • Framework7单视图入门应用程序模板 一个简单的单视图Framework7入门应用程序模板。 用法 1.下载此存储库 git clone https://github.com/framework7io/framework7-template-single-view my-app 存储库将下载到my-app/...
  • framework7-master.zip

    2020-01-19 11:24:44
    Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者...Framework7 是完全免费开源的。 Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。
  • wc-f7扩展了Framework7核心模块,用一个接受Web组件声明(标记名称或类构造函数)而不是Framework7组件模型的路由器组件加载器代替。 副作用是,不会导入/捆绑vdom(Snabbdom)和解析器/加载器模块。 产品特点 将...
  • framework7 入门知识

    2021-01-06 07:42:41
    framework7 v6.0 入门知识 最新文档地址,注意framework7的版本号 https://framework7.io/docs/ 一、框架两个主要文件 (一)framework7-bundle.min.js (二)framework7-bundle.min.css 二、实例化framwork7 ...

    framework7 v6.0 入门知识

    最新文档地址,注意framework7的版本号

    https://framework7.io/docs/
    

    一、框架两个主要文件

    (一)framework7-bundle.min.js
    (二)framework7-bundle.min.css

    二、实例化framwork7

    (一)路由设置

    1、注意引入模块有url,componentUrl,还要异步等方式
    2、多级路径必要参数:(父页面)master,(子页面路径参数)detailRoutes

    //路由设置
    var routes = [{
        //路径名称
        path: '/home/', 
        //文件地)
        url: './pages/home.html',
    },{
        //多级页面,设置多级路由
        path: '/detail/',
        url: './pages/detail.html',
        master: true,
        options: {
            animate: false,
        },
        detailRoutes: [{
            path: '/dynamic-route/blog/:blogId/post/:postId/',
            componentUrl: './pages/dynamic-route.html',
        }],
    }, {
        //默认路由,匹配所有页面
        path: '(.*)',
        url: './404.html',
    }];
    

    (2)设置基本参数,如:主要容器(el),主题(theme),缓存(cache),是否开启多级路由等等

    //参数设置
    var options = {
       // 项目名称
        name: 'My App',
        //主题设置
        theme: 'auto',
        //主要容器
        el: '#app',
        //文件缓存
        cache: false,
        //多级路由缓存,在多页面返回起到关键作用
        view: {
            stackPages: true
        },
        //路由
        routes
    }
    

    (二)实例化framework7

    //实例化framework7
    var app = new Framework7(options)
    

    三、页面结构

    如果很好的使用framework7 提供的样式和动效,一定要严格按照他们提要的结构来组织代码

    <!--设置主要容器-->
    <div id="app">
            <!--设置主要视图区域:view view-main-->
            <div class="view view-main view-init safe-areas">
                <!--设置内容区域:page-->
                <div class="page" data-name="home">
                   <!--设置内容展示区域:page-content-->
                    <div class="page-content">
                           <!--添加一个按钮,添加样式:class="button button-fill"-->
                          <button class="button button-fill">Button</button>
                    </div>
                </div>
            </div>
    </div>
    

    四、组件

    <template>
      <div class="page">
        <div class="navbar">
          <div class="navbar-bg"></div>
          <div class="navbar-inner sliding">
            <div class="left">
              <a href="#" class="link back">
                <i class="icon icon-back"></i>
                <span class="if-not-md">Back</span>
              </a>
            </div>
            <div class="title">Component Page</div>
          </div>
        </div>
        <div class="page-content">
    
          <div class="block-title">Events Handling</div>
          <div class="block block-strong">
            <a href="#" class="button button-raised" @click=${openAlert}>Open Alert</a>
          </div>
          <div class="block-title">Page Component Data</div>
        
          <div class="block block-strong">
            <p>Hello! My name is ${name}. I am ${age} years old.</p>
            <p>I like to play:</p>
            <ul>
              ${likes.map((item) => $h`
              <li>${item}</li>
              `)}
            </ul>
          </div>
          <div class="block-title Js-title">Extended Context 1</div>
          <f7-link class="setPsd" href="/detail/" ref="setPsd" text="设置密码"></f7-link>
          <div class="block block-strong">
            <p>Component page context as Template7 page context is also extended with some additional variables.</p>
            <h4>$f7route</h4>
            <p>Contains properties of the current route:</p>
            <ul style="padding-left:25px">
              <li><b>$f7route.url</b>: ${$f7route.url}</li>
              <li><b>$f7route.path</b>: ${$f7route.path}</li>
              <li><b>$f7route.params</b>: ${JSON.stringify($f7route.params.blogid)}</li>
              <li><b>$f7route.hash</b>: ${$f7route.hash}</li>
              <li><b>$f7route.query</b>: ${JSON.stringify($f7route.query)}</li>
            </ul>
            <!-- link as button -->
            <button class="button button-fill">Button</button>
            <h4>$theme</h4>
            <p>Currently active theme:</p>
            <ul style="padding-left:25px">
              <li><b>$theme.ios</b>: ${$theme.ios}</li>
              <li><b>$theme.md</b>: ${$theme.md}</li>
              <li><b>$theme.aurora</b>: ${$theme.aurora}</li>
            </ul>
          </div>
        </div>
      </div>
    </template>
    <style scoped>
        p {
            color: red;
        }
        
        a {
            text-decoration: none;
        }
    </style>
    <script>
        export default function(props, {
            $f7,
            $on,
            $onBeforeMount,
            $onMounted,
            $onBeforeUnmount,
            $onUnmounted
        }) {
            let name = '一叶知秋';
            let age = 34;
            let likes = ['台球', '小提琴', '书法'];
            let data = props;
    
            //组件一旦view,就不能返回了
            var mainview = app.views.create('.view-main');
            const openAlert = () => {
                $f7.dialog.alert('Hello World', function() {
                    // mainview.router.back('/form/', {
                    //     force: true
                    // });
                    mainview.router.navigate('/form/', {
                        reloadCurrent: true,
                        ignoreCache: true,
                    });
                    // console.log('ok');
                });
            }
            return $render;
        }
    </script>
    
    展开全文
  • Framework7 Tabs Starter应用程序模板 选项卡(多个视图)Framework7入门应用程序模板。 用法 1.下载此存储库 git clone https://github.com/framework7io/framework7-template-tabs my-app 存储库将下载到my-app/...
  • framework7使用dome

    2015-08-12 20:11:26
    framework7小测试与练习。相机拍照,定位功能

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 40,176
精华内容 16,070
关键字:

framework7