关于

@ieter/components 是基于 create-vant-cli-app 封装的 Vue 3 通用组件库，提供了一套开箱即用的 UI 组件，帮助开发者快速构建美观、一致的用户界面。

安装

npm install @ieter/components
# 或
pnpm add @ieter/components

注册使用

import { createApp } from 'vue'
import { Button, Input, TextEllipsis } from '@ieter/components'
import '@ieter/components/lib/index.css'

const app = createApp()
app.use(Button)
app.use(Input)
app.use(TextEllipsis)

基础使用示例

<template>
  <div>
    <ieter-button>按钮</ieter-button>

    <ieter-input v-model="value" placeholder="请输入内容" />

    <ieter-text-ellipsis :content="text" :rows="2" :lineHeight="'1.3125rem'" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const value = ref('')
const text = ref('这是一段可以展开或收起的长文本内容。')
</script>

组件说明

• Button：按钮组件
• Input：输入框组件
• TextEllipsis：文本省略展开/收起组件

和 Vant 同名组件一起使用

如果你的项目里同时使用了 Vant，并且需要同时引入同名组件，例如 Button，可以使用别名避免冲突：

import { Button as IeterButton } from '@ieter/components'
import { Button as VanButton } from 'vant'