vue mobile sized view

tampilan berukuran vue-mobile

Wrapper Berukuran Seluler Responsif untuk Vuejs - Prototipe aplikasi web berukuran seluler Anda dengan mudah menggunakan dukungan desktop

Sumber dan ide proyek ini sepenuhnya didasarkan pada react-mobile-sized-view
Terima kasih khusus kepada @junhoyeo

Demo & Contoh

Cari tahu di sini

? Penggunaan

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 >