<template>
  <div class="container10" >
    <div class="titles"  @click="fn()">{{ text }}</div>
    <!-- <div :show="true"></div> -->
  </div> 
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      required: true,
    },
  },
  methods:{
   fn() {
    this.$emit('click')
   }
  }
};
</script>

<style lang="scss" scoped>
.container10 {
  width: 15.1042vw;
  height: 1.7260vh;
  /* border: 1px solid #00ffff; */
  .titles {
    color: #fff;
    font-size: .6771vw;
    cursor: pointer;
  }
}
</style>