1.vue 719 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div class="headLineBigBox">
  3. <div>
  4. <style1 :templateData="templateData.componentList[0].data.text"/>
  5. </div>
  6. <div>
  7. <!-- <style2/> -->
  8. </div>
  9. </div>
  10. </template>
  11. <script setup>
  12. //样式1
  13. import style1 from '@/components/template/component/headLine/1200x140/1.vue'
  14. //样式2
  15. import style2 from '@/components/template/component/headLine/1200x140/2.vue'
  16. const props = defineProps({
  17. skinId: Number,//皮肤id
  18. templateData:Object,//新闻数据
  19. });
  20. </script>
  21. <style lang="less">
  22. .headLineBigBox {
  23. width: 1200px;
  24. height: 140px;
  25. position: relative;
  26. margin: 0 auto;
  27. .templateEditBtnBox {
  28. right: 0;
  29. }
  30. }
  31. </style>