h5-text.vue 461 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <p :class="config.classText.join(' ')" :style="config.style">{{ config.content }}</p>
  3. </template>
  4. <script>
  5. export default {
  6. name: "h5-text",
  7. props: {
  8. config: {
  9. type: Object,
  10. default: () => ({})
  11. }
  12. },
  13. created() {
  14. console.info('h5-text loaded:', this.config);
  15. }
  16. };
  17. </script>
  18. <style src="./css/base.css"></style>
  19. <style lang="scss" scoped>
  20. p{
  21. white-space: pre-line;
  22. }
  23. .active{
  24. border-color: #02ff9b;
  25. }
  26. </style>