<template>
    <div class="ht-base-menu-item-demo">
        <ht-base-menu mode="vertical" :theme="theme1" active-name="1" style="width: 256px">
            <ht-base-menu-item name="1">
                <ht-base-icon type='LiRa_setup' size=14 />
                内容管理
            </ht-base-menu-item>
            <ht-base-menu-item name="2">
                <ht-base-icon type='LiRa_setup' size=14 />
                用户管理
            </ht-base-menu-item>
            <ht-base-menu-item name="3">
                <ht-base-icon type='LiRa_setup' size=14 />
                统计分析
            </ht-base-menu-item>
        </ht-base-menu>
        <br>
        <p>改变主题色</p>
        <ht-base-radio-group v-model="theme1">
            <ht-base-radio label="light"><span>浅色</span></ht-base-radio>
            <ht-base-radio label="dark"><span>深色</span></ht-base-radio>
        </ht-base-radio-group>
    </div>
</template>
<script>
  export default {
    name: 'HtBaseMenuItemDemo',
    data () {
      return {
        current: ['1'],
        theme1: 'dark'
      }
    }
  }
</script>
