当前位置:首页 > 芯闻号 > 充电吧
[导读]由于在微信公众号中的界面需要,要把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的内容对应

本站声明: 本文章由作者或相关机构授权发布,目的在于传递更多信息,并不代表本站赞同其观点,本站亦不保证或承诺内容真实性等。需要转载请联系该专栏作者,如若文章内容侵犯您的权益,请及时联系本站删除。
关闭
关闭