SlyLabel - 副本.vue 698 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <view class="sly-label" :style="$getStyle(styles)">
  3. <view class="">
  4. <text class="sly-label-headline" v-show="attrs.headline['show']" :style="$getStyle(attrs.headline)">{{dataVal.headline}}</text>
  5. <text class="sly-label-subhead" v-show="attrs.subhead['show']" :style="$getStyle(attrs.subhead)">{{dataVal.subhead}}</text>
  6. </view>
  7. <view class="">
  8. 更多
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. import Mixin from "../Mixin";
  14. export default {
  15. name: "SlyLabel",
  16. mixins: [Mixin],
  17. data() {
  18. return {
  19. src: ''
  20. };
  21. }
  22. }
  23. </script>
  24. <style lang="scss" scoped>
  25. .sly-label{
  26. display: flex;
  27. justify-content: space-between;
  28. align-items: center;
  29. }
  30. </style>