<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-05 14:05:30
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-08 14:28:26
 * @FilePath: \mcep-h5\src\views\main\MainView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="d-page d-flex flex-column" style=" background-color: #ebedf0 ">
     <Main v-if="showFlag"></Main>
     <MyPage  v-if="!showFlag"></MyPage>
     <div >
      <bottom-bar  @onchangebtn="onchangebtn" ></bottom-bar>
    </div>
  </div>

</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { ProductData } from '@/model/entity/ProductData'
import Main from "./Main.vue";
import MyPage from "../MyView/MyPage.vue";


@Component({
  name: "MainView",
components: {
    Main,
    MyPage
  }
})
export default class MainView extends Vue {
  showFlag :boolean = true;
  onchangebtn(value:any){
    //子组件传来的值
    this.showFlag=value
  }
}
</script>
<style scoped lang="scss">
.roll {
  background: #ecf9ff;
}

.titleName {
  float: inline-end;
  height: 34px;
  margin: 7px auto 0px 8px;
  border-radius: 12px;
  color: #a2d2f4;
}

.prudect {
  line-height: 100%;
  margin-top: 40px;
  margin-bottom: 10px;
}
.boottom{
  
}
</style>