@anfo/ui NPM | npm.io

1.1.14 • Published 1 year ago

Install

Weekly downloads

-

License

-

Repository

Last release

1 year ago

Anfo UI

AnfoUI@anfo/ui 主要包含一些非必要但有用的Vue3组件。

👉 Github
👉 Documentation

安装

npm i @anfo/ui@latest

引用

// main.js
import { createApp } from 'vue'
import App from './App.vue'

let app = createApp(App)

import AnfoUI from '@anfo/ui'
import '@anfo/ui/style'
app.use(AnfoUI)

app.mount('#app')

按需引用

// main.js
import { createApp } from 'vue'
import App from './App.vue'

let app = createApp(App)

import { OrderableContainer } from '@anfo/ui'
import '@anfo/ui/style'
app.component('anfo-orderable-container', OrderableContainer)

app.mount('#app')

简单的例子

这是一个顺序拖拽容器(OrderableContainer)

<template>
<div class="example-demo" style="width: 200px">
    <!-- 默认的组件名字带anfo-前缀 -->
    <anfo-orderable-container v-model:datas="datas" class="v align-center">
        <template #="{ data }">
            <div class="h justify-center clickable" :style="{
                width: '100px',
                height: '30px',
                color: 'white',
                background: `#${(0xffffff / 5 * data).toString(16)}`,
            }">{{ data }}</div>
        </template>
    </anfo-orderable-container>
</div>
</template>

<script setup>
import { ref, watch } from 'vue'

let datas = ref([1, 2, 3])
</script>

@ant-design/icons-vue events extend sass shortid throttle-debounce vue vue-router

@infinitebrahmanuniverse/nolb-_anf @everything-registry/sub-chunk-66

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago