Kaynağa Gözat

'调整card-header组件位置'

dev
zhengzhou 4 yıl önce
ebeveyn
işleme
575fa9b07e
2 değiştirilmiş dosya ile 40 ekleme ve 1 silme
  1. +39
    -0
      src/components/card-header/index.vue
  2. +1
    -1
      src/views/manage_company/user/components/relation_company_info.vue

+ 39
- 0
src/components/card-header/index.vue Dosyayı Görüntüle

@@ -0,0 +1,39 @@
<template>
<div class="card-header">
<div v-if="hasLeft">
<slot name="left" />
</div>
<div class="title">
<slot name="title" />
</div>
<div>
<slot name="right" />
</div>
</div>
</template>


<script>
export default {
data() {
return {
hasLeft: false,
}
},
mounted() {
this.hasLeft = !!this.$slots.left;
}
}
</script>

<style lang="less" scoped>
.card-header {
display: flex;
justify-content: space-between;
height: 44px;
line-height: 44px;
.title {
font-size: 18px;
}
}
</style>

+ 1
- 1
src/views/manage_company/user/components/relation_company_info.vue Dosyayı Görüntüle

@@ -160,7 +160,7 @@
</template>

<script>
import CardHeader from "./card-header";
import CardHeader from "@/components/card-header";
import { isNil } from "lodash";
import { wrapErrorHint } from "@/utils/request";
import { firstCharToLowerCase, firstCharToUpperCase } from "@/utils/tool";


Yükleniyor…
İptal
Kaydet