Danceui组件库

更新记录

2.0.18（2023-10-17）下载此版本

优化表单模块

2.0.16（2023-02-06）下载此版本

v2.0.16 (2023-02-06) 优化完善基础功能，修复新闻模块

2.0.15（2023-01-20）下载此版本

2022年4月1日 v2.0.15
- 基础功能修复完善
2021年5月1日 v2.0.1
- uniapp完善
2020年4月1日 v1.0.10
- uniapp
2018年4月1日 v1.0.1
- 基础功能

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
×	×	×	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
×	×	×	×	×	×	×	×	×

前言

DanceUI是一个css库，纯css实现的组件！收集整理了上百个组件开发而成，主要用于微信/手机网站开发，具有轻量化、可定制的优势。还望留步给个star，也欢迎加群交流1311641 / 3359828。官网：http://www.danceui.com

有weui的基础即可使用(没有的话，也很方便)，组件都好继承，可以自己重写。

H5版本的DanceUI组件库地址是：https://gitee.com/lianlianzan/danceui

开始使用

下载源码解压，复制根目录的 /danceui 文件夹到你的根目录

App.vue 引入关键Css danceui.css icon.css

<style>
@import "danceui/danceui.css";
@import "danceui/iconfont.css";
@import "style.css"; /* 你的项目css */
</style>

使用自定义导航栏

导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。

pages.json 配置取消系统导航栏

"globalStyle": {
    "navigationStyle": "custom"
},

复制代码结构可以直接使用，注意全局变量的获取。

使用封装,在main.js 引入 custom-navbar 组件。

import customNavbar from './components/custom-navbar/custom-navbar.vue'
Vue.component('customNavbar', customNavbar)

page.vue 页面可以直接调用了

<custom-navbar bgColor="bg-gradual-blue" :isBack="true">
    <block slot="backText">返回</block>
    <block slot="content">导航栏</block>
</custom-navbar>

参数	作用	类型	默认值
bgColor	背景颜色类名	String	''
isBack	是否开启返回	Boolean	false
isHome	是否返回首页	Boolean	true

slot块	作用
backText	返回时的文字
content	中间区域
right	右侧区域(小程序端可使用范围很窄！)

联系我

欢迎技术探讨，部署安装及定制开发

QQ：13040
QQ群交流：1311641/3359828
微信：zhaojungg
公众号：连连赞

捐赠支持

开源项目不易，若此项目能得到你的青睐，可以捐赠支持作者持续开发与维护，感谢所有支持开源的朋友。

更新日志

v2.0.18 (2023-10-16)
优化表单模块

v2.0.16 (2023-02-06)
优化完善基础功能，修复新闻模块

v2.1.0 (2023-01-31)
完善折叠面板、轮播图等功能

v2.0.8 (2023-01-13)
完善搜索功能

v2.0.1 (2022-10-01)
uniapp完善

v1.0.2 (2021-05-01)
修复处理bug

v1.0.1 (2018-05-01)
基础功能实现