<template>
<div class="common_sider_pc_1"><!--使用此组件，请复制此div-->
   <ul class="siderbar-ul">
      <li class="nli"><a href=""><img src="../../theme-chalk/src/images/side-icon01.png" alt=""><span>学习中心</span></a></li>
      <li class="nli" @mouseover="hasShow=true" @mouseout="hasShow=false"><a><img src="../../theme-chalk/src/images/side-icon02.png" alt=""><span>业务咨询</span></a>
         <ul class="siderbar-second-ul" v-show="hasShow">
            <li>400-012-6228</li>
         </ul>
      </li>
      <li class="nli"  @mouseover="hasShow1=true" @mouseout="hasShow1=false"><a><img src="../../theme-chalk/src/images/side-icon03.png" alt=""><span>技术咨询</span></a>
         <ul class="siderbar-second-ul" v-show="hasShow1">
            <li >400-012-6228</li>
         </ul>
      </li>
      <li class="nli"><a href=""><img src="../../theme-chalk/src/images/side-icon04.png" alt=""><span>常见问题</span></a></li>
      <li class="nli"><a href=""><img src="../../theme-chalk/src/images/side-icon05.png" alt=""><span>操作指南</span></a></li>
      <li class="nli"><a href=""><img src="../../theme-chalk/src/images/side-icon06.png" alt=""><span>问题反馈</span></a></li>
   </ul>
</div>
</template>

<script>
  import formMixin from '../../../src/mixins/formMixin';

  export default {
    name: 'ElSlideRight',
    mixins: [formMixin],
    props: {
      placeholder: {
        type: String,
        default: '总访问量a'
      }
    },
    data() {
      return {
        hasShow: false,
        hasShow1: false
      };
    },
    computed: {
      defaultAttrs() {
        return {
          placeholder: this.t('ele-form.input') + this.desc._label
        };
      }
    }
  };
</script>
