introdução global de estilo
No processo de nosso desenvolvimento, o estilo é muito importante, é o desenvolvimento de exibição visual, se o produto foi originalmente desenvolvido pelo corpo, em seguida, o estilo de corpo é para decorar roupas, muitas vezes bom estilo podem ser aplicadas a muitos lugares, este ele determina o estilo de uso repetido. Para os desenvolvedores, o código repetidamente bater, ou Copiar Modificar, é um desperdício de tempo, mas também tornar o código não parece sério. Neste momento, podemos colocar alguns padrões comuns levar a nossa entrada para ele:
O primeiro passo: estilos públicos precisam ser colocados em uma pasta estilo comum, pasta localização Figura
Em seguida, criar o arquivo css, como mostrado na
Passo dois: a introdução de arquivo de estilo CSS na entrada da
Citado apenas uma vez na linha, você pode usar outras páginas
Configurar navegação inferior tabbar
Código diretamente com
| "Barra de abas":{ "Cor": "# 000000" , a cor do texto "SelectedColor": "# 08C261" , selecionar a cor do texto "borderStyle": "negro", 边框 "BackgroundColor": "# F7F7F7" , a cor de fundo "Lista":[ { "IconPath": "/ tabbar / index.png estática", // ícone inicial "SelectedIconPath": "static / tabbar / index-select.png", selecione o ícone após // "PagePath": "páginas / tabbar / index / index", na página correspondente no roteador "Texto": "AC" text }, { "IconPath": "static / tabbar / mail.png", "SelectedIconPath": "static / tabbar / mail-select.png", "PagePath": "páginas / tabbar / mail / mail", "Text": "Address Book" },
] }
|
Nota: Tabbar: um mínimo de dois, até cinco, como mostrado na FIG efeito
configuração globalStyle
| "GlobalStyle": { "navigationBarTextStyle": "black", //颜色 只有这个两种 （black/white） "navigationBarTitleText": "媒资系统", //名称项目 "navigationBarBackgroundColor": "#F8F8F8", 背景 "backgroundColor": "#F8F8F8", 项目名称颜色 },
|
最终配置样式