mui ---- 搜索列表自定义

时间:2020-11-23 12:21:19
【文件属性】:

文件名称:mui ---- 搜索列表自定义

文件大小:70KB

文件格式:RAR

更新时间:2020-11-23 12:21:19

mui搜索列表

1,直接添加引用indexed-list.js和indexed-list.css; 2,修改indexed-list.js的self.el.bar.offsetHeight - 40为 self.el.bar.offsetHeight - self.el.search.offsetHeight 此处的作用是防止你将搜索框去掉,导致的右侧导航不协调 3,修改group && group.length == 1为group 此处是因为你添加的热门等字符串长度大于1而不能触发定位函数 4,禁止self.bindSearchEvent(); 此处是由于我的页面不需要搜索,所以讲搜索的触发事件禁止 5,添加你要添加的模块同时在模块的外层div加上data-group="xxxx"你导航处的名字 特别注意此处在utf-8的编码下可以是汉字,但是建议不要采取汉字 最后上边说的这几个地方在我的demo中都已修改好,你可以下载直接使用。 特别说明:如果你的页面需要哪个搜索框,只用放开第四步禁止的代码就好,然后将输入框加入进来,依然可以执行!


【文件预览】:
muiIndexedList
----fonts()
--------mui.ttf(29KB)
----js()
--------mui.indexedlist.js(7KB)
--------mui.min.js(119KB)
----css()
--------mui.indexedlist.css(2KB)
--------mui.min.css(74KB)
--------public.css(3KB)
----page()
--------indexed-list.html(28KB)

网友评论

  • 还行吧 对我没用
  • 如果你的页面需要哪个搜索框,搜索框放哪啊
  • 这个可以的 可用不忽悠
  • 厉害啊
  • 感谢 楼主