Как лучше реализовать переключение вкладок в Electron-приложении?

Question

[yavaskript]

Хочу сделать в приложении панель с вкладками новости / курсы валют / настройки. При нажатии, например, на "курсы валют" нужно, чтобы на весь экран (кроме панели) показывалась страница с новостями, при нажатии на "настройки" - настройки и т.д. В общем, переключение между страницами. Как это лучше реализовать? Моя задумка - чтобы страницы перекрывали друг друга через изменение z-index. Хорошая ли это идея?

Answer 1

[xmoonlight]

Нет. Нужно всегда экономить память и ресурсы.
Вкладки - это только для визуального восприятия.

Информация - должна быть в JS-переменных и должна динамически выводиться в контент-область по клику на определённый заголовок (в списке вкладок).

Если контент статичен (и находится в HTML-разметке) можно сделать несколько блоков со стилями display:none и по клику - показывать нужный.

Comments

[Антон Шаманов]

вопрос то о визуальной составляющей, а не архитектуре приложения

[xmoonlight]

Антон Шаманов,

Моя задумка - чтобы страницы перекрывали друг друга через изменение z-index.

тут сложно сказать однозначно.

[Антон Шаманов]

xmoonlight, о том как передаются данные для закладок он уж точно не писал

Answer 2

[Антон Шаманов]

А чем "классический" вариант не устраивает? он интуитивно понятен и всем знаком.

p.s. первый кто в комментах сумничает про консольную классику получит мое фирменное ничего.

Comments

[xmoonlight]

+ занимает мало пространства
- дополнительный шаг до цели