weui.io的界面修改
时间:2018-10-18 16:32:01
手机看文章
扫描二维码
随时随地手机看文章
[导读]由于在微信公众号中的界面需要,要把weui.io的界面改成自己的,内容也要改成自己的。最后总结出的界面内容是:weui修改的页面错误提示
weui页面修改一、修改页面
1、
由于在微信公众号中的界面需要,要把weui.io的界面改成自己的,内容也要改成自己的。最后总结出的界面内容是:
weui修改的页面错误提示 weui页面修改一、修改页面 1、进入页面 $(function(){ var winH = $(window).height(); var categorySpace = 10; $('.js_item').on('click', function(){ var id = $(this).data('id'); window.pageManager.go(id); }); $('.js_category').on('click', function(){ var $this = $(this), $inner = $this.next('.js_categoryInner'), $page = $this.parents('.page'), $parent = $(this).parent('li'); var innerH = $inner.data('height'); bear = $page; if(!innerH){ $inner.css('height', 'auto'); innerH = $inner.height(); $inner.removeAttr('style'); $inner.data('height', innerH); } if($parent.hasClass('js_show')){ $parent.removeClass('js_show'); }else{ $parent.siblings().removeClass('js_show'); $parent.addClass('js_show'); if(this.offsetTop + this.offsetHeight + innerH > $page.scrollTop() + winH){ var scrollTop = this.offsetTop + this.offsetHeight + innerH - winH + categorySpace; if(scrollTop > this.offsetTop){ scrollTop = this.offsetTop - categorySpace; } $page.scrollTop(scrollTop); } } }); }); " _ue_custom_node_="true">Article文章大标题章标题1.1 节标题 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 1.2 节标题 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. " _ue_custom_node_="true">
在1、进入页面的那个
中的标签中的
1、进入页面
data-id="article"对应的是:
中id="tpl_article"中的"article"。
解释一下example.js存在的意义:主要是控制页面内容中大小。使用这个weui.io下的这个页面,点击进去内容目前显示是在
内,只要标签中data-id的内容对应