@totvs/mobile-theme

THF Mobile

Instale o Ionic e o Cordova

$ npm install -g ionic

$ npm install -g cordova

Nota: Para usuários linux utilizar sudo para instalações globais (-g)

Crie um novo projeto utilizando o Ionic

$ ionic start "myApp" blank

Nota: myApp - nome do diretório que irá armazenar os aquivos do aplicativo Nota: blank - template utilizado para criação do aplicativo (para ver outros tamplates: ionic start template --list)

Instalando o package @totvs/mobile-theme

$ npm install --save @totvs/mobile-theme

Aplicando o Guia de Estilo da TOTVS

Navegue até o diretório myApp/src/theme e abra o arquivo variables.scss

Remova as cores default do Ionic, basta deletar o vetor:

$colors: (
  primary:    #488aff ,
  secondary:  #32db64 ,
  danger:     #f53d3d ,
  light:      #f4f4f4 ,
  dark:       #222
);

Altere o seguinte trecho:

@import "ionic.theme.default"

para

@import "node_modules/@totvs/mobile-theme/totvs.mobile.theme"

Rodando sua app no browser

Para testar seu aplicativo de uma maneira simples e rápida, recomendamos utilizar o seguinte comando:

$ ionic serve --lab