<template>
  <div class="ht-base-input-demo">
    <h4>默认</h4>
    <ht-base-input placeholder="请输入"/>

    <h4>可清空</h4>
    <ht-base-input clearable/>

    <h4>禁用</h4>
    <ht-base-input value="内容不可修改" disabled/>

    <h4>文本框</h4>
    <ht-base-input placeholder="请输入" type="textarea"/>

    <h4>文本框禁用</h4>
    <ht-base-input type="textarea" value="内容不可修改" disabled/>

    <h4>密码框</h4>
    <ht-base-input placeholder="请输入" type="password"/>
  </div>
</template>

<script>
  export default {
    name: 'HtBaseInputDemo',
    data() {
      return {
        value11: '',
        value12: '',
        value13: '',
        value15: '1',
        select1: 'http',
        select2: 'com',
        select3: 'day',
        cacheValue15: ''
      }
    }
  }



  function S(val) {
    return val.toString().replace(/\B(?=(\d{3})+$)/g, ',');
  }

</script>
<style lang="less">
  .ht-base-input-demo {
    .ht-base-input{
      margin-bottom: 20px;
    }
  }
</style>

