前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13166 效果图如下： cc-defineKeyboard 使用方法 <!-ref:唯一ref passwrdType：密码样式paykeyInfo：密码输入监测事件--> <cc-defineKeyboardref="CodeKeyboard"passwrdType="pay"@KeyInfo="KeyInfo"></cc-defineKeyboa...

前端Vue自定义加载中loading加载结束end组件可用于分页展示页面加载请求，请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 效果图如下： 实现代码如下： cc-paging 使用方法 <!-加载中用法isLoading：是否加载isEnd:是否结束加载--> <cc-paging:isLoading="true":isEnd="false"></cc-paging> <!-加载完成isLoading：是否加载isEnd:是否结束加载--> <cc-pag...

前端简单实用折叠面板可以折叠收起展开内容区域, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12860 效果图如下:       代码如下:  简单实用折叠面板可以折叠收起展开内容区域。 使用方法 使用方法 <!-leftText:做标题 rigText:有注明文字isOpen:展开折叠状态isIcon:是否展示箭头图片默认true--> <CCFoldViewleftText="历年营业收入"rigText...

前端vue实现页面加水印文字,可以实现系统所有页面加水印,也可以单个页面加水印,可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12889 效果图如下:       使用方法 使用方法 /给系统所有页面加水印/ //第一个参数:水印文字 第二个参数:加水印的底图,默认body给所有页面加水印,第三个参数:水印颜色 Watermark.set("cc-innovation.gd",'','blue'); /给当前页面加水印/ //第一个...

前端Vue自定义精美悬浮菜单按钮fabbutton可设置按钮背景颜色菜单按钮展开条目,下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13321 效果图如下: cc-suspensionMenu 使用方法 <!-scrollShow:是否显示滑动到顶悬浮按钮 color：悬浮按钮背景色 iconList：悬浮菜单弹出数组 @click：点击事件--> <cc-suspensionMenu:scrollShow="scrollShow"colors="fa436a"...

快速实现vueuni-app宫格组件提供常见九宫格菜单组件，扩充性好，可切换九宫格十二宫格十五宫格;下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12680 效果图如下： 使用方法 <!-gridTitle:宫格名称gridNum:一行展示格数gridList：宫格数据@click:宫格点击按钮--> <ccGridButtongridTitle="九宫格"gridNum="3":gridList="gridList"@click="gridClick"></ccGridButton...

前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12974 效果图如下:       使用方法 使用方法 <!- //腾讯地图key注册地址（针对H5端，manifest.json中web配置，配置定位与地图若是微信小程序只需配置微信小程序权限配置）：  https://lbs.qq.com/dev/console/application/mine --> &lt...

前端基于radio增强单选框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12977 效果图如下:         使用方法 使用方法 <!-radioData:单选数据curIndex：当前选择序列@change：单选事件--> <ccRadioView:radioData="items":curIndex="current"@change="radioChange"></ccRadioView&...

前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏验证码登录模版密码登录模版，请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13221 效果图如下： 实现代码如下： cc-selectBox 使用方法 <!-select-arr：选择数组nowindex：当前选择序列@change：切换选择事件 --> <cc-selectBox:select-arr="select":nowindex="nowindex"@change="turntap"></cc-selectBox&g...

前端Vue自定义可自由滚动精美tabs选项卡标签栏标题栏可设置背景颜色， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13313 效果图如下： cc-scrollTag 使用方法 <!-tabChange:tab选择事件tagList：tab数据bgColor:标签背景颜色--> <cc-scrollTag@tabChange="tabChange":tagsList="tagList"bgColor="FA436A"></cc-scrollTag> HTM...

前端Vue自定义精美上下滚动通告栏组件常用于展示公告信息上下滚动跑马灯上下滚动广播,下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13318 效果图如下: cc-noticeBar 使用方法 <!-默认颜色333公告栏--> <viewclass="header">默认颜色公告栏</view> <!-noticeList：通知数组 @click:公告栏条目点击事件--> <cc-noticeBar:noticeList="noticeList"...

前端Vue自定义带历史记录的搜索框组件searchBar支持搜索输入框清空搜索历史存储记录清除，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13343 效果图如下: cc-hisSearchBar 使用方法 //不同的业务功能历史记录设置不同存储key constkStorageKey="storageKey" //执行搜索事件 doSearch(){ if(this.keyword''){ uni.showToast({ title:'请输入要搜索的内容', icon:'none' }); ...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦，其背后还有很多工作来支撑组件化的进行，例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。 前端的组件化，其实是对项目进行自上而下的拆分，把通用的...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦，其背后还有很多工作来支撑组件化的进行，例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等 今天给大家介绍的一款组件是：自定义商品评价页面单选多选标签tag...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦，其背后还有很多工作来支撑组件化的进行，例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等 今天给大家介绍的一款组件是：自定义商品订单tabs标题栏选项卡组...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦，其背后还有很多工作来支撑组件化的进行，例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等 今天给大家介绍的一款组件仿美团地址管理组件列表组件可用于电商平台...

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦，其背后还有很多工作来支撑组件化的进行，例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等 今天给大家介绍的一款组件：自定义柱形图选中更改柱形图颜色及文字标...

​ 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦，其背后还有很多工作来支撑组件化的进行，例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。 本文给大家介绍的组件是： 快速实现vueuni-app前端最新支持四级...