<template>
    <div class="image">
      <el-input
        style="width: 310px"
        v-model="input1"
        placeholder="请输入您要查询的字词"
      >
        <template #append>
          <el-button type="primary" :loading="is_status === 'load'" @click="search">查询</el-button>
        </template>
      </el-input>
  
    </div>
  </template>
  
  <script setup>
  // 词典
  import { ref } from 'vue';
  const is_status = ref('none');
  
  const search = () => {
      is_status.value = 'load'
      let t = setTimeout(() => {
          clearTimeout(t)
      is_status.value = 'none'
      }, 1000);
  }
  </script>
  
  <style scoped>
  .none_title {
    font-size: 24px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 16px;
    margin-left: 11.3%;
  }
  ul {
    margin-left: 20px;
  }
  ul > li {
    font-size: 14px;
    color: #2c3e50;
    margin-bottom: 16px;
  }
  </style>
  