menduner-uniapp/pagesA/collect/index.vue

<template>
  <view class="defaultBgc">
    <uni-segmented-control :current="current" :values="controlList" @clickItem="handleChange" styleType="text" activeColor="#00B760" style="background-color: #fff;"></uni-segmented-control>
    <Position v-if="current === 0"></Position>
    <Company v-else></Company>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import Position from './position.vue'
import Company from './company.vue'

const current = ref(0)
const controlList = ['职位', '企业']

const handleChange = (e) => {
  current.value = e.currentIndex
}
</script>

<style scoped lang="scss">
:deep(.segmented-control) {
  background-color: #fff !important;
}
</style>