KM盒子APP制作软件

基于微信WeUI制作折叠列表自定义模版教程

时间:2019-04-01 20:18 点击:

在线效果https://www.kmbox.cn/app/lcjy/index.html

操作步骤:
1、打开https://www.kmbox.cn/html/help/mb/417.html 下载WeUI模版。
2、解压后使用记事本打开index.html
3、修改{list}标签中的代码为:
{list}
<div class="weui-cell weui-cell_access" onclick="show(this)">∨{flt}</div>
<a class="weui-cell weui-cell_access dn" href="{liurl}">
    <div class="weui-cell__bd">{lit}</div><div class="weui-cell__ft"></div>
    </a>
{/list}
4、在头部标签</head>前面添加代码如下:
<script type="text/javascript" src="html/js/jquery.js"></script>
<style>.dn{display:none}</style>
<script type="text/javascript"> 
function show(a){
  if ($(a).next().css("display") == 'none') {
  $(a).nextUntil("div").css("display", "block");
  } else $(a).nextUntil("div").css("display", "none");
}
</script>
5、保存,一个简洁的折叠效果自定义模版就制作完成了。

我要纠错