Fork me on GitHub

[Mui-Dcloud]-列表点击跳转新二级页面

最近在开发一款H5App,技术采用Dcloud的5Plus和Mui。此套框架已经面试三年多,从第一次听说到现在也已经过去两年多时间,不过真正意义上深入使用和研究还是头一次,没有遇到大的问题,总体制作过程非常顺利,感谢Dcloud团队,无论是体验和开发都是非常不错的,点个赞

image

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ul class="mui-table-view" id="list">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="shopadmin.html">
<i class="iconfont icon-mendianguanli"></i>
店铺管理
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="eventadmin.html">
<i class="iconfont icon-xiaoshoubaojiaguanli"></i>
活动管理
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="service.html">
<i class="iconfont icon-tongyong-lianxikefutubiao"></i>
客服
</a>
</li>
</ul>
1
2
3
4
5
6
7
8
9
//列表点击事件
mui('#list').on('tap', 'li a', function() {
var url = this.getAttribute('href');
var id = this.getAttribute('href');
mui.openWindow({
url: url,
id: id,
});
});
1
2
3
4
5
6
7
8
9
10
//新页面接收参数示例
mui.plusReady(function() {
var self = plus.webview.currentWebview();
var title = self.title;
var subtitle = self.subtitle;
var image = self.image;
eventdet.title= title
eventdet.subtitle= subtitle
eventdet.image= image
});
支持作者