147 Star 592 Fork 161

yoby / weui

tabbar组件压缩和未压缩用的方法不一样

Open
pkkgu(宫平)  Opened this issue

tabbar组件压缩和未压缩用的方法不一样,min版快速切换时页面会空白
zepto.weui.js show、hide
$defaultTabBdItem.show().siblings().hide();

zepot.weui.min.js fadeIn、fadeOut
h.fadeIn().siblings().fadeOut();

616004 yoby 1578929281 total 2 participants

Comments (4)

pkkgu(宫平) 2020-08-07 16:12

github那边issuse不在处理了是吧?

还一个问题在github那边
tab底部菜单,weui-tab__content中放tab头部导航,点击头部导航,底部导航跟着切换了

616004 yoby 1578929281
yoby 2020-08-11 12:35 owner

有可能min版压缩丢失了字符

616004 yoby 1578929281
yoby 2020-08-11 13:25 owner

github那边issuse不在处理了是吧?
还一个问题在github那边
tab底部菜单,weui-tab__content中放tab头部导航,点击头部导航,底部导航跟着切换了

@pkkgu(宫平) 因为他们用的是同一个tab组件,看我最新演示,是支持同时在一个页面,只需要用id切换就行了,同时增加了非ajax切换tabbar,github那边经常登陆不了,我这广电网络,所以更多是处理gitee

pkkgu(宫平) 2020-08-11 17:16

@pkkgu(宫平) 因为他们用的是同一个tab组件,看我最新演示,是支持同时在一个页面,只需要用id切换就行了,同时增加了非ajax切换tabbar,github那边经常登陆不了,我这广电网络,所以更多是处理gitee

@yoby

如果把navbar结构代码放进,tabbar的weui-tab__content里问题就可以重现

<div id="c0" class="weui-tab__content">这是0

	<div class="weui-tab" id="t1"  style="height:auto;">
		<div class="weui-navbar">
			<div class="weui-navbar__item">杨玉环</div>
			<div class="weui-navbar__item">赵飞燕</div>
		</div>
		<div class="weui-tab__panel">
		<div id="s0" class="weui-tab__content">唐朝MM</div>
		<div id="s1" class="weui-tab__content">汉朝MM</div>
		</div>
	</div>

</div>

我JS太水了,所以我暂时这么处理的。

const $tabbarItems = this.***children().children*** ('.weui-tabbar__item, .weui-navbar__item');
const $tabBdItems = this.***children().children*** ('.weui-tab__content');

this.on('click', '.weui-tabbar__item, .weui-navbar__item', function (e) {
    const index = $(this).index();
    self.toggle(index);
    ***return false;***
});

Sign in to comment

Assignees
Labels
Not set
Projects
Milestones
Branches
Planed to start
Not set
Planed to end
Not set
Top level
Priority
JavaScript
1
https://git.oschina.net/yoby/weui.git
git@git.oschina.net:yoby/weui.git
yoby
weui
weui

Search

152606 8668e384 1899542 133635 2cd7d36e 1899542