cyber-web-ui/es/layout/Header.js

spring-cyber前端ui框架

import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
import { defineComponent, reactive } from 'vue';
export default defineComponent({
  name: 'CLayoutHeader',
  props: {
    logo: String
  },
  setup: function setup(props, _ref) {
    var attrs = _ref.attrs,
      slots = _ref.slots,
      emit = _ref.emit,
      expose = _ref.expose;
    return function () {
      var _slots$left, _slots$right;
      function logoSlot() {
        return slots.logo ? slots.logo() : props.logo ? _createVNode("img", {
          "src": props.logo,
          "class": "cyber-layout-logo"
        }, null) : _createVNode("span", {
          "style": "font-size: 24px; font-weight: 600;"
        }, [_createTextVNode("Logo")]);
      }
      return _createVNode("div", {
        "class": "cyber-layout-header"
      }, [_createVNode("div", {
        "class": "cyber-layout-header-body"
      }, [_createVNode("div", {
        "class": "cyber-layout-header-left"
      }, [logoSlot(), (_slots$left = slots.left) === null || _slots$left === void 0 ? void 0 : _slots$left.call(slots)]), _createVNode("div", {
        "class": "cyber-layout-header-right"
      }, [(_slots$right = slots.right) === null || _slots$right === void 0 ? void 0 : _slots$right.call(slots)])])]);
    };
  }
});