/**
* @Author think
* @Date 2020-08-25 15:04
*/

<template>
  <h-view title="demo">
    <h-header>
      <div slot="center">demo</div>
    </h-header>
    <h-content>
      <list-item>
        <item>
          <router-link slot="name" to="/header">header</router-link>
        </item>
        <item>
          <router-link slot="name" to="/tab">STab</router-link>
        </item>
        <item>
          <router-link slot="name" to="/button">HButton</router-link>
        </item>
        <item>
          <router-link slot="name" to="/content">HContent</router-link>
        </item>
        <item>
          <router-link slot="name" to="/scroll">Scroll</router-link>
        </item>
        <item>
          <router-link slot="name" to="/bottomTab">底部按钮BottomTab</router-link>
        </item>
        <item>
          <router-link slot="name" to="/model">Modal</router-link>
        </item>
        <item>
          <router-link slot="name" to="/swipe">Swipe</router-link>
        </item>
        <item>
          <router-link slot="name" to="/list">List</router-link>
        </item>
        <item>
          <router-link slot="name" to="/option">itemOption</router-link>
        </item>
        <item>
          <router-link slot="name" to="/file">HFile</router-link>
        </item>
        <item>
          <router-link slot="name" to="/field">Field</router-link>
        </item>
        <item>
          <router-link slot="name" to="/currencyInput">CurrencyInput</router-link>
        </item>
        <item>
          <router-link slot="name" to="/checkBox">CheckBox</router-link>
        </item>
        <item>
          <router-link slot="name" to="/dateField">DateField</router-link>
        </item>
        <item>
          <section slot="name">selectField</section>
        </item>
        <item>
          <section slot="name">Radio</section>
        </item>
        <item>
          <section slot="name">Switch</section>
        </item>
        <item>
          <section slot="name">CheckBox</section>
        </item>
        <item>
          <section slot="name">Range</section>
        </item>
        <item>
          <section slot="name">Progress</section>
        </item>
        <item>
          <section slot="name">Spin</section>
        </item>
        <item>
          <section slot="name">TopTips</section>
        </item>
        <item>
          <section slot="name">Dialog</section>
        </item>
        <item>
          <section slot="name">ActionSheet</section>
        </item>
        <item>
          <section slot="name">NumberKeyboard</section>
        </item>
        <item>
          <section slot="name">Select</section>
        </item>
        <item>
          <section slot="name">ShowPicture</section>
        </item>
        <item>
          <section slot="name">Toast</section>
        </item>
        <item>
          <section slot="name">Alert</section>
        </item>
        <item>
          <section slot="name">Confirm</section>
        </item>
        <item>
          <section slot="name">Loading</section>
        </item>
        <item>
          <section slot="name">Datetime</section>
        </item>
      </list-item>
    </h-content>
  </h-view>
</template>

<script>
export default {
  name: 'Demo',
  data () {
    return {}
  },
  methods: {},
}
</script>

<style lang="less">
h4{
  font-size: 20px;
  margin-left: 15px;
}
  a{
    width: 100%;
  }
</style>