<style lang="less" scoped>
@import "./index.less";
</style>
<template >
  <div :style="style">
  <van-doc-simulator  :src="src" />
  </div>
</template>
<script>
 import Simulator from '@vant/doc';
 
import { createNamespace } from '../utils';
const [createComponent, bem] = createNamespace('mobile-simulator');


export default createComponent({
  components: {
    Simulator
  },
  props: {
    src: String,
    height: String | Number
  },
  computed: {
  
  /**
     * 顶层样式
     */
    style () {
      const style = {}

      if(this.height){
        style.height = `${this.height}px`
      }
      return style
    }
  },
  watch: {
   
  },
  /**
   * 组件的初始数据
   */
  data() {
    return {
     
    };
  },
  mounted() {
   
  },
  /**
   * 组件的方法列表
   */
  methods: {
  }
})
</script>