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");
//存储或者处理....
}
}
});