Danceui-Shop商城

更新记录

1.0.1（2023-02-01）下载此版本

1.0.1（2022-01-01）完善商城功能

平台兼容性

Vue2	Vue3
√	×

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

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

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

捐赠支持

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

更新日志

2023年2月1日 v1.0.0
完善商城功能

2023年1月13日 v2.1.0
完善搜索功能

2022年10月1日 v2.0.1
uniapp完善

2021年5月1日 v1.0.2
修复处理bug

2018年5月1日 v1.0.1
基础功能实现