星宿UI 金刚区多种可玩性 DIY页面和参数

再见面的时候，我希望你萎靡不振，自甘堕落，醉生梦死，然后我像以前一样耍宝逗你开心让我依然觉得自己有用！可我又怕见到你过得不好，因为这个世界上没有人比我更希望你幸福

星宿UI首页的金刚区目前基本fengrui-dstrict.php，目前都是跳转tabar界面；如果我们想跳转其他页面呢？比如文章详情，某些特定的分类列表，公众号文章等等

什么是一级二级界面

出现在底部导航的界面为一级界面，不出现在底部导航或者左上角的返回按钮的就是二级界面，界面有分层级那路由也是一样的，我们注意下跳转代码是否发现有不同：

// 跳一级界面
uni.switchTab({
   url: '../weblist/weblist'
})

// 跳二级界面
uni.navigateTo({
     url: '../index/index'
})

so 我们看文件的代码中会有一个type值

array(
        'title'=>'搜索',
        'type'=>'xs_tap',
        'appid'=>'',
        'route'=>'/pages/search/search',
        'himg'=>'../../static/index/1.png'
 ),

type值星宿中有4种定义分别为：

1.xs_default默认值跳二级
2.xs_tab跳转底部导航
3.xs_program跳转小程序
4.xs_business跳转业务域名请在route填写网站地址

现在就可以理解type中默认跳转二级界面和跳转底部导航的概念吧！

跳文章详情

什么是参数？怎么是页面路径携带参数？我们首页点击列表跳转文章详情，那么首页到文章详情就需要一个文章id参数（id参数就是文章id）

那么我们php文件代码就应该是在route中地址携带参数写法，要注意的就是?=id要和前面截图圈出来的一致

array(
        'title'=>'文章详情',
        'type'=>'xs_default',
        'appid'=>'',
        'route'=>'../data/data?id=53',
        'himg'=>'../../static/index/2.png'
),

跳分类列表

是否有发现一个问题如何获取页面的路径？首先我们在微信开发工具打开分类列表界面在底部会有一个路径

会发现工具路径是pages开头而我们是../开头，这2种方式都是可行的；专题点击后才会出现分类列表，所以我们的参数得从专题页面获取参数

so 我们在php文件中的代码就应该为（catepos参数就是分类id）

array(
        'title'=>'文章详情',
        'type'=>'xs_default',
        'appid'=>'',
        'route'=>'../category/categ_lisst?catepos=53',
        'himg'=>'../../static/index/2.png'
),

跳转web-view

跳转链接有总有两个，第一个是关联的微信公众号文章，第二个业务域名；相对应的type类型和网页地址route

array(
        'title'=>'跳转外部',
        'type'=>'xs_business',
        'appid'=>'',
        'route'=>'https://banner.frbkw.com',
        'himg'=>'../../static/index/2.png'
),

跳转小程序

填写相对应的type类型，小程序id，跳转的页面需要pages开头，这个好像是必须的

array(
        'title'=>'跳小程序',
        'type'=>'xs_program',
        'appid'=>'写你跳转的小程序ID',
        'route'=>'pages/index/index',
        'himg'=>'../../static/index/2.png'
),

总结

以上内容已经记录星宿UI文档手册若你喜欢封面图片，也可以到枫瑞新建立的 Fr Cover网站下载

星宿UI文档：https://xs.frbkw.com

Fr Cover：https://banner.frbkw.com