<template>
  <div class="block">
    <h1>介绍</h1>
    <p>CatchUI是基于<a href="https://iviewui.com/view-ui-plus/guide/introduce" target="_blank">ViewUI</a>开发的一套组件库，主要便于MapCatch系列产品之间进行组件复用。</p>
    <p>CatchUI中包括所有的ViewUI组件和MapCatch私有组件，也就是说引入这个组件库可以直接使用ViewUI的所有组件和图标，而无需二次引入ViewUI。同时CatchUI也包含了MapCatch专有的图标库，使用该组件库一般情况下无需二次引入图标库。</p>
  </div>
  
  <div class="block">
    <h1>安装</h1>
    <div>使用yarn安装</div>
    <highlightjs autodetect code="$ yarn add @mapcatch/ui" />
    <div>或者使用script标签全局引用</div>
    <highlightjs autodetect :code="code" />
  </div>
  
</template>

<script setup>
const code = `<script type="text/javascript" src="catchui.min.js"\></script\>`

</script>

<style lang="less" scoped>
p{
  margin: 10px 0;
}
</style>