美文网首页
framework7 使用问题

framework7 使用问题

作者: 逐浪追云 | 来源:发表于2018-02-02 17:42 被阅读0次

framework7 是个非常漂亮的Html框架,最近有个微信公众号的项目使用到了这个,后期还可以封装成APP。
淘宝版和中文官网都是V1,V2只能看英文版的http://framework7.io/

一边使用,一边闷头摸索,因为前端基础比较差,遇到很多问题,浪费了很多时间,现做记录,供参考。

按钮内部触发跳转
    $$("#fahuo").on("click",function(){ 
        app.router.navigate('/address/'); 
      });
获取初始页面传入的参数

因为后台使用的是asp.net mvc5,还需要使用微信公众号授权,中间会进行各种跳转,最后把登录信息的key返回到F7的初始页面,查了很多资料,最后才发现问题其实很简单,Dom7的本质也是js,直接使用之前的一个原生JS的方法就行了,app.js中:

//获取参数
function GetQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null)
        return unescape(r[2]);
    return null;
}


var app = new Framework7({
root: "#app",
name: "myapp",
id: "com.myapp.test",
panel: { swipe: "left", },
routes: [
    {
        path: "/about/",
        url: "pages/about.html",
    } 
],
on: {
    init: function () {
       var key= GetQueryString("key");
        //存储或者处理....
    } 
} 
});

相关文章

  • framework7 使用问题

    framework7 是个非常漂亮的Html框架,最近有个微信公众号的项目使用到了这个,后期还可以封装成APP。淘...

  • Error in mounted hook: "TypeErro

    问题: 使用framework7 vue 框架的Scrollable Tabbar时, 错误截图 模板源码 注:1...

  • framework7在iOS下滚动冻结的问题

    问题 最近入职一家公司接手了一个项目,使用了vue+framework7,这个项目使用framework7的初衷只...

  • Framework7(02:Get Start)

    1.下载安装Framework7 方式一:Framework7 GitHub repository 从github...

  • framework7使用记录

    1.在使用popover弹窗时,关闭弹窗方法,myApp.closeModal() 2.获取元素css属性值,$$...

  • Bootstrap框架

    css框架:对css相同功能的整体封装,方便使用。 常见css框架:Amaze UI;Framework7;Boo...

  • 推荐前端的学习网站

    框架类 1. Framework7 Framework7 是一款免费、开源的移动HTML框架,主要用于开发混合手机...

  • ios- cordova嵌入framework7 如何在xcod

    首先先了解下framework7是什么东西吧。 1:Framework7 是一款免费开源的移动web开发框架(类似...

  • 无标题文章

    #VUE组件化与Framework7结合使用Echarts ###主要特性 VUE是一种渐进式的JS框架,它简单易...

  • 使用Framework7 1.6.5开发APP记录

    Framework7介绍 (1)Framework7 是一个开源免费的框架。可以用来开发混合移动应用(原生和 HT...

网友评论

      本文标题:framework7 使用问题

      本文链接:https://www.haomeiwen.com/subject/qqmezxtx.html