更新记录

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
公众号:连连赞

捐赠支持

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

Image text Image text

更新日志

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)
基础功能实现

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问