editorImage.vue 412 B

12345678910111213141516171819202122232425
  1. <template>
  2. <div class="img-bar">
  3. <img v-if="data.value.src" :src="data.value.src">
  4. <img v-else src="../../assets/images/defaultimg.jpg"/>
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. name: 'editorImage',
  10. props: ['data', 'className']
  11. }
  12. </script>
  13. <style scoped>
  14. .img-bar{
  15. padding: 10px 20px;
  16. }
  17. img{
  18. width: 100%;
  19. /* height:150px; */
  20. border-radius: 5px;
  21. }
  22. </style>