vue mobile sized view

vue-mobile-sized-view

Reaktionsschneller Wrapper in Mobilgröße für Vuejs – Erstellen Sie ganz einfach Prototypen für Ihre Web-Apps in Mobilgröße mit Desktop-Unterstützung

Die Quelle und Idee dieses Projekts basieren vollständig auf react-mobile-sized-view
Besonderer Dank geht an @junhoyeo

Demo und Beispiele

Finden Sie es hier heraus

? Verwendung

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 >