App.vue 825 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div id="app">
  3. <SrpElement :config="config" :type="type"></SrpElement>
  4. </div>
  5. </template>
  6. <script>
  7. import {SrpElement} from './../packages/index'
  8. export default {
  9. name: 'App',
  10. components: {
  11. SrpElement
  12. },
  13. data () {
  14. return {
  15. config:{
  16. 'text': '单行文字',
  17. 'fillType': 'none', //背景填充类型
  18. 'colorPercent': 0, //背景色透明度
  19. 'imgPercent': 0, //背景图片透明度
  20. 'backgroundColor': '#fff',//背景色填充
  21. 'color': '#fff', //边框颜色
  22. 'src': '', //背景图片填充
  23. 'borderType': 'none', //边框类型
  24. 'borderSize': '1',//边框大小
  25. 'eleStyle': {}
  26. },
  27. type: 'label'
  28. }
  29. },
  30. }
  31. </script>
  32. <style lang="scss">
  33. </style>