Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

cubeui-next

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cubeui-next

A fantastic mobile ui lib implement by Vue3+vite

  • 1.0.6
  • latest
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

使用vue3.compositionAPI重写cube-ui,适配vite.

vite不再支持cjs打包模块。因此使用esmodule导出。

git地址:https://gitee.com/isfive/cubeui-next

项目依赖stylus,使用前请先安装stylus

npm install stylus -D

安装cubeui-next

npm install cubeui-next -S
import cubeui from 'cubeui-next'

const app = createApp(App)
app.use(cubeui)
app.mount('#app')

组件列表

按钮-Cbutton

使用方式

<Cbutton>默认按钮</Cbutton> 
<template>
  <div>
      <div class="btn-wrap">
         <Cbutton>测默认按钮试</Cbutton>
     </div>
     <div class="btn-wrap">
          <Cbutton type="submit">提交按钮</Cbutton>
     </div>
      <div class="btn-wrap">
          <Cbutton :active="true">激活状态按钮</Cbutton>
     </div>
           <div class="btn-wrap">
          <Cbutton :disabled="true">禁用状态按钮</Cbutton>
     </div>
           <div class="btn-wrap">
          <Cbutton icon="cubeic-right">图标按钮</Cbutton>
     </div>
           <div class="btn-wrap">
          <Cbutton :light="true">Light按钮</Cbutton>
     </div>
           <div class="btn-wrap">
          <Cbutton :inline="true">Inline按钮</Cbutton>
     </div>
                <div class="btn-wrap">
          <Cbutton :outline="true">Outline按钮</Cbutton>
     </div>
                <div class="btn-wrap">
          <Cbutton  :primary="true">Primary按钮</Cbutton>
     </div>
  </div>
</template>

Keywords

FAQs

Package last updated on 13 Aug 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc