index.vue 934 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view>
  3. <view :wx:if="title" class="van-cell-group__title">
  4. {{ title }}
  5. </view>
  6. <view :class="'custom-class van-cell-group ' + (border ? 'van-hairline--top-bottom' : '')">
  7. <slot />
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. import { VantComponent } from '../common/component';
  13. export default {
  14. data() {
  15. return {};
  16. },
  17. props: {
  18. title: String,
  19. border: {
  20. type: Boolean,
  21. default: true
  22. }
  23. }
  24. };
  25. </script>
  26. <style>
  27. @import '../common/index.ttss';
  28. .van-cell-group__title {
  29. padding: 16px 16px 8px;
  30. padding: var(--cell-group-title-padding, 16px 16px 8px);
  31. font-size: 14px;
  32. font-size: var(--cell-group-title-font-size, 14px);
  33. line-height: 16px;
  34. line-height: var(--cell-group-title-line-height, 16px);
  35. color: #969799;
  36. color: var(--cell-group-title-color, #969799);
  37. }
  38. </style>