Perguntas sobre Framework7 em Português BR

Me deixa ver o erro no console por favor, ou poste algo ao vivo no www.jsfiddle.net, assim posso te ajudar com maior facilidade.

Fico no aguardo.

Boa tarde JhowJoe,

Estou com problemas em páginas de html separados,

Exemplo: Tenho um index.html com algum conteúdo depois crio uma rota e coloco um panel em outro HTML,

quando vou até a outra pagina o Panel para de funcionar,

Você tem alguma idéia de como resolver esse problema, acredito que seja um bug no F7

Obrigado aguardo resposta.

1 Like

Poderia postar o erro por favor?

Não dá erro ele só não executa a segunda vez,
Somente funciona no (ios)
sobrescrever o método panel open Dom7

open: function open(side, animate) {
    var panelSide = side;
    if (!panelSide) {
      if ($$1('.panel').length > 1) {
        return false;
      }
      panelSide = $$1('.panel').hasClass('panel-left') ? 'left' : 'right';
    }
    if (!panelSide) { return false; }
    if (app.panel[panelSide]) {
      return app.panel[panelSide].open(animate);
    }
    var $panelEl = $$1((".panel-" + panelSide));
    if ($panelEl.length > 0) {
      var pan = app.panel.create({ el: $panelEl });
      pan.once('panelClosed', function() {
          this.destroy();
      });
      return pan.open(animate);
    }
    return false;
  }

Consegue reproduzir com este exemplo?

https://jsfiddle.net/jhowjhoe/tynqcuwm/5/

Estou com 2 pages html separados um sem o panel o outro com o panel.

Na rota estou chamando uma url outro html este com Panel e o main sem panel do main vai navegar por url,
entendeu?
nesse editor que você me mandou não tem como reproduzir.

Ex. Index entrar -> vai ao main.html (esse tem o panel)

Em seguida volte ao Index pelo panel com rota, depois entre novamente no main ai irá gerar o Bug. No ios está ok sobrescrevendo o método, agora no android muda a estrutura do Dom7 por isso não da certo vou ter que mudar pelo app.theme… veja se vc consegue reproduzir o que te falei ai.

Prezado, acredito ter descoberto o problema, e deixo aqui como contribuição para os companheiros que estejam utilizando o framework7. Eu originalmente usei o template que vem junto ao phonegap. Lendo a respeito de outro erro que estava tendo na minha aplicação, percebi que minha aplicação possuia dois instanciamentos do Framework7. Então no início do app.js o código estava deste jeito:

    var app = new Framework7();
    var app = new Framework7({
    minhas configurações
    }

Depois de remover o instanciamento que não possuia configuração, o problema do ripple desapareceu, pude reabilitar a função no meu app.

1 Like

Qual versão está utilizando?

1 Like

Bom dia, eu e um amigo meu do serviço estamos enfrentando um problema no qual quando digitamos no terminal o “npm start”, o servidor não inicia corretamente… já tentei mudar a porta e nada…

1 Like

@Alexandre_Barberan

Poderia postar a tela onde deu o start?

1 Like

Você especificou a sua homepage no arquivo package.json

test esse comando:

npm run dev

nunca precisei fazer isso rs onde devo instanciar a homepage e como ?

1 Like

esse comando retorna o erro “missing script: dev”

1 Like

Cara, parece problema de configuração de ambiente, no seu Chrome, aperta F12 lá tem algum erro?

Teste esse outro comando de start
npm start

entao cara kkk sinto em lhe desapontar mas não há erros no console e eu inicio com o npm start e da o mesmo problema kkk

1 Like

Sem logs de erro fica difícil te ajudar!

Olá, sou iniciante, do ZERO e nem sei nada ainda sobre o FRAMEWORK7, alguém conhece algum tutorial em português em vídeo que eu possa acompanhar o desenvolvimento de um APP simples?

Desde já agradeço a atenção.

Obrigado!

1 Like