template-parking-h5/src/pages/parkingFee/parkingFeeDetail.vue

<template>
  <component :is="componentName" :theme="theme"></component>
</template>

<script>
import officeBlueCom from './components/officeBlue/parkingFeeDetail.vue';
import baseParkingFeeCom from './components/base/parkingFeeDetail.vue';
// import parkingFeeDetail from './components/purple/parkingFeeDetail.vue';
import baseMixins from './mixins/base';

export default {
  name: 'parkingFeeDetail',
  mixins: [baseMixins],
  components: {
    officeBlueCom,
    baseParkingFeeCom,
    // purpleCom: parkingFeeDetail
  },
    mounted() {
    // this.componentName = 'purpleCom';
  }
};
</script>