<!--
 * @Description: 顶部菜单项
 * @Author: 王晓颖
 * @Date:2020-08-08
 -->
<template>
  <div class="window_view">
    <span class="view-text" :style="{'font-size':size+'rem'}"><slot/></span>
  </div>
</template>

<script>
export default {
  name: 'MapWindow',
  props: {
    size: {
      type: String,
      default: '0.09'
    }
  },
  data () {
    return {
      selected: false
    }
  },
  methods: {
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  @import '../../assets/css/variable.scss';
  .window_view{
    padding: .08rem .14rem;
    background-size: 100% 100%;
    margin-right: .05rem;
    text-align: center;
    background: url("../../assets/images/button/button_yellow.png") no-repeat;
    color: #fccd14;
    animation: bounce 2.5s 1 0s both; // keyframe bounce,持续2.5s,播放2次
    transform-origin: center bottom;
  }
  .view-text{
    font-weight: bolder;
  }
</style>