vue mobile sized view

vista-tamaño-móvil-vue

Wrapper responsivo de tamaño móvil para Vuejs: cree fácilmente prototipos de sus aplicaciones web de tamaño móvil con soporte de escritorio

La fuente y la idea de este proyecto se basan completamente en react-mobile-sized-view
Un agradecimiento especial a @junhoyeo

Demostración y ejemplos

Descubra aquí

? 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 >