index.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <uni-shadow-root class="weapp-lib-panel-index"><view class="van-panel van-hairline--top-bottom custom-class">
  3. <van-cell v-if="title || desc || status" :title="title" :label="desc" :value="status" custom-class="header-class" value-class="van-panel__header-value"></van-cell>
  4. <slot v-else name="header"></slot>
  5. <view class="van-panel__content">
  6. <slot></slot>
  7. </view>
  8. <view class="van-panel__footer van-hairline--top footer-class">
  9. <slot name="footer"></slot>
  10. </view>
  11. </view></uni-shadow-root>
  12. </template>
  13. <script>
  14. import VanCell from '../cell/index.vue'
  15. global['__wxVueOptions'] = {components:{'van-cell': VanCell}}
  16. global['__wxRoute'] = 'weapp/lib/panel/index'
  17. "use strict";
  18. Object.defineProperty(exports, "__esModule", { value: true });
  19. var component_1 = require("../common/component");
  20. (0, component_1.VantComponent)({
  21. classes: ['header-class', 'footer-class'],
  22. props: {
  23. desc: String,
  24. title: String,
  25. status: String,
  26. },
  27. });
  28. export default global['__wxComponents']['weapp/lib/panel/index']
  29. </script>
  30. <style platform="mp-weixin">
  31. @import '../common/index.css';.van-panel{background:var(--panel-background-color,#fff)}.van-panel__header-value{color:var(--panel-header-value-color,#ee0a24)}.van-panel__footer{padding:var(--panel-footer-padding,8px 16px)}.van-panel__footer:empty{display:none}
  32. </style>