<template>
|
<wd-tabs v-model="tab" auto-line-width>
|
<wd-tab title="单丝领用" name="单丝领用">
|
<Monofil v-if="tab === '单丝领用'" />
|
</wd-tab>
|
<wd-tab title="盘具领用" name="盘具领用">
|
<view class="content">
|
<Plate v-if="tab === '盘具领用'" />
|
</view>
|
</wd-tab>
|
<wd-tab title="芯线领用" name="芯线领用">
|
<view class="content">
|
<SteelCore v-if="tab === '芯线领用'" />
|
</view>
|
</wd-tab>
|
</wd-tabs>
|
</template>
|
|
<script setup lang="ts">
|
import Monofil from "./monofil.vue";
|
import Plate from "./plate/index.vue";
|
import SteelCore from "./steelCore/index.vue";
|
|
const tab = ref("单丝领用");
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep .wd-tabs__line {
|
background: #0d867f;
|
}
|
::v-deep .wd-tabs__nav {
|
border-bottom: 1px #dddddd solid;
|
}
|
</style>
|
