qx-app-com

七夕组件库，基于 Vue 2.x 的 uni-app 组件库。

安装

npm install qx-app-com

使用

完整引入

import Vue from 'vue'
import QxAppCom from 'qx-app-com'
import 'qx-app-com/dist/index.css'

Vue.use(QxAppCom)

按需引入

import Vue from 'vue'
import { QxButton, QxConfirm } from 'qx-app-com'
import 'qx-app-com/dist/index.css'

Vue.use(QxButton)
Vue.use(QxConfirm)

组件

QxButton 按钮

<template>
  <qx-button type="primary" @click="handleClick">按钮</qx-button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('按钮点击')
    }
  }
}
</script>

QxConfirm 确认框

<template>
  <qx-confirm
    title="确认"
    content="确认要删除吗？"
    @confirm="handleConfirm"
    @cancel="handleCancel"
  />
</template>

<script>
export default {
  methods: {
    handleConfirm() {
      console.log('确认')
    },
    handleCancel() {
      console.log('取消')
    }
  }
}
</script>

开发

# 安装依赖
npm install

# 开发
npm run dev

# 构建
npm run build

许可证

MIT