选项卡相关问题

Simon.Sun

本帖最后由 WHTECH 于 2024-9-12 11:12 编辑

关于活字格的选项卡控件有几个问题：
1.选项卡的每个页签名称目前来看用的是指向的页面名称，不能给这些名称自定义吗？（我不想要是完整的页面名称，比如指向A页面（某页面的名称）的选项名称我需要自定义为A或者a）

2.选项卡每个Type页不能平均分配宽度吗，宽度不能设置吗？

3.如果某页面有选项卡，选项卡有三个页面A,B,C 其中A,B,C中均有按钮用来跳转到页面D，现在D中有一按钮是返回跳转前的页面且选项卡展示的是触发跳转命令的那个选项页面，比如如果是点击选项B中按钮跳转到页面D，那么D中的跳转按钮点击后会回到原来的页面且选项卡展示的是B，同理在页面A或C跳转到D，D中的跳转按钮点击后就会回到原来页面且选项卡展示的是对应的A或C。请问此需求如何实现？（最好能有演示工程）

Simon.Sun · Simon.Sun

1.选项卡的每个页签名称目前来看用的是指向的页面名称，不能给这些名称自定义吗？（我不想要是完整的页面名称，比如指向A页面（某页面的名称）的选项名称我需要自定义为A或者a）

您好，选项卡 Tab 展示内容会跟着页面标题走，可以给页面设置下标题：

2.选项卡每个Type页不能平均分配宽度吗，宽度不能设置吗？

这个还不支持是指宽度，需要 CSS 去实现，目前是根据名称长度自适应的。

3.如果某页面有选项卡，选项卡有三个页面A,B,C 其中A,B,C中均有按钮用来跳转到页面D，现在D中有一按钮是返回跳转前的页面且选项卡展示的是触发跳转命令的那个选项页面，比如如果是点击选项B中按钮跳转到页面D，那么D中的跳转按钮点击后会回到原来的页面且选项卡展示的是B，同理在页面A或C跳转到D，D中的跳转按钮点击后就会回到原来页面且选项卡展示的是对应的A或C。请问此需求如何实现？（最好能有演示工程）

这个问题，需要在页面跳转时记录下当前选项卡生效的页签编号，然后在跳转会选项卡所在页面时在进行设置。
做了个 demo，记录生效的页签编号，这边的思路是用 JS 获取编号，然后存放到全局变量里。

然后在选项卡页面加载命令获取编号，并设置：

WHTECH · WHTECH

Simon.Sun 发表于 2024-9-12 12:30
您好，选项卡 Tab 展示内容会跟着页面标题走，可以给页面设置下标题：

这个还不支持是指宽度，需要 CSS ...

好的，谢谢您。第二个问题里CSS设置这个选项卡宽度实现平均分配可以大致写一下吗？因为可能平均分配美观度会更高点。

Simon.Sun · Simon.Sun

您好，第二个问题可以尝试设置下标签头的宽度，指定一个固定值，看能否满足需求：
CSS 如下，您可以参考下：

.nav>li {
width: 100px;
}

		自动登录	找回密码
密码			立即注册

[已处理] 选项卡相关问题

最佳答案

3 个回复

本帖子中包含更多资源

Wyn高级认证

Wyn认证

活字格认证

活字格高级认证