可信代码库-可信开源代码库AI助手首页开发完成

src/views/Jyh/AI/Home/AIinout.vue

@@ -0,0 +1,64 @@
+<template>
+  <McInput :value="inputValue" :loading="loading" @submit="onSubmit">
+    <template #head>
+      <div class="appendix-wrap">
+        <div class="appendix-item">
+          <span>README.md</span>
+          <i class="icon-code-editor-close"></i>
+        </div>
+      </div>
+    </template>
+    <template #extra>
+      <div class="input-foot-left">
+        <span><i class="icon-at"></i>智能体</span>
+        <span><i class="icon-appendix"></i>附件</span>
+      </div>
+    </template>
+  </McInput>
+</template>
+
+<script setup>
+import { defineComponent, ref } from 'vue';
+import { McInput } from '@matechat/core';
+
+const inputValue = ref('');
+const loading = ref(false);
+
+const onSubmit = (e) => {
+  loading.value = true;
+  setTimeout(() => {
+    loading.value = false;
+  }, 1000);
+  console.log('input submit---', e);
+};
+</script>
+
+<style scoped lang="scss">
+.input-foot-left {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: var(--devui-font-size-sm);
+  color: var(--devui-text);
+
+  i {
+    margin-right: 4px;
+  }
+}
+
+.appendix-wrap {
+  display: flex;
+  padding: 4px 8px;
+
+  .appendix-item {
+    padding: 4px;
+    border-radius: var(--devui-border-radius);
+    background-color: var(--devui-area);
+
+    i {
+      margin-left: 4px;
+      cursor: pointer;
+    }
+  }
+}
+</style>