You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
2 years ago
|
<!--
|
||
|
|
* @Author: weisheng
|
||
|
|
* @Date: 2021-10-14 19:28:57
|
||
|
|
* @LastEditTime: 2023-03-27 14:10:15
|
||
|
|
* @LastEditors: weisheng
|
||
|
|
* @Description:
|
||
|
|
* @FilePath: \fant-mini-plus\src\uni_modules\fant-mini\components\hd-tab\hd-tab.vue
|
||
|
|
* 记得注释
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<view v-show="showContent">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { computed, getCurrentInstance, inject, nextTick, onMounted, watch } from 'vue'
|
||
|
|
import { CommonUtil } from '../..'
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
/**
|
||
|
|
* @doc 选项卡标题
|
||
|
|
*/
|
||
|
|
title: string
|
||
|
|
}
|
||
|
|
let props = withDefaults(defineProps<Props>(), {
|
||
|
|
title: ''
|
||
|
|
})
|
||
|
|
let $tabList: any = inject('$tabList')
|
||
|
|
let $current: any = inject('$current')
|
||
|
|
|
||
|
|
const showContent = computed(() => {
|
||
|
|
if ($tabList.value[$current.value]) {
|
||
|
|
return proxy.$.uid === $tabList.value[$current.value].uid
|
||
|
|
} else {
|
||
|
|
return false
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const { proxy } = getCurrentInstance() as any
|
||
|
|
|
||
|
|
onMounted(() => {
|
||
|
|
nextTick(() => {
|
||
|
|
$tabList.value = CommonUtil.deepClone($tabList.value.concat([{ title: props.title, uid: proxy.$.uid }]))
|
||
|
|
})
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|