vue mobile sized view

vue-visualização em tamanho móvel

Wrapper responsivo de tamanho móvel para Vuejs - Crie protótipos facilmente de seus aplicativos da web de tamanho móvel com suporte para desktop

A fonte e a ideia deste projeto são totalmente baseadas no react-mobile-sized-view
Agradecimentos especiais a @junhoyeo

Demonstração e exemplos

Descubra aqui

? Uso

yarn add vue-mobile-sized-view

 import Vue from 'vue' ;
import VueMobileSizedView from 'vue-mobile-sized-view' ;

export default Vue . extend ( {
  name : 'ComponentA' ,
  components : {
    VueMobileSizedView
  } ,
  data ( ) {
    return {
      backgroundColor : "#f6dadb" ,
      screenBackgroundColor : "#fefefe" ,
      screenLightShadow : "-31px -31px 62px #FAE0E0" ,
      screenDarkShadow : "31px 31px 62px #EAB6BE" ,
      isRounded : true ,
    } ;
  }
} ) ; 

 < template >
  < vue-mobile-sized-view
    :background-color =" backgroundColor "
    :screen-background-color =" screenBackgroundColor "
    :screen-light-shadow =" screenLightShadow "
    :screen-dark-shadow =" screenDarkShadow "
    :is-rounded =" isRounded " >
    < div > Replace here with your contents. </ div >
  </ vue-mobile-sized-view >
</ template >