1. uni-app插件ColorUI步骤条 1.1....前言 uni-app就不介绍了,前面几篇已经有所介绍,不知道的可以翻看我前面几篇博客 ColorUI-uniApp是uni-app的一款ui组件,事实上就是对uni-app组件添加css,使其更加漂亮
首先 我们看一下uniapp的官方文档: https://uniapp.dcloud.io/api/media/image?...id=chooseimage 大概是这样的 先写一个模拟的demo 1:首先我是是用了colorUI的框架,在项目里面引入 ? 在page底下的vue文件引入 @import "../...../colorui/main.css"; @import "../../colorui/icon.css"; 这样一来,就不需要写什么样式了,直接使用写好的就行了。.../colorui/main.css"; @import "../...../colorui/main.css"; @import "../..
在开发uniapp的时候,最佳的ui框架就是ColorUI,ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!...github地址: https://github.com/weilanwl/ColorUI ? 在色彩设计上,都是非常的好看,非常的丰富的。...2:将colorui复制在自己的文件的根目录底下 ?...3:打开小程序的app.wxss,引入组件 @import "colorui/main.wxss"; @import "colorui/icon.wxss"; ?...4:这个时候,就可以使用(复制ColorUI组件里面的界面) 了,比如说,我要使用一个card的卡功能 的时候。 我就会进入到文件代码里面,找到这个组件,一件复制,放在自己的项目里面。 ?
微信小程序 -- 基于 movable-view 实现拖拽排序 项目基于colorui样式组件 ColorUI组件库 (color-ui.com) 1.实现效果 2....movable-view 绑定块移动事件的 块ID ,块移动的坐标 移动结束后触发moveEnd事件,根据Y坐标对对象数组进行排序 根据排序结果重置块位置 3.实现代码 代码已经进行了最简化处理 图中效果实现需引入colorui...}, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { this.initMove(); } }) 4.参考文档...movable-view | 微信开放文档 (qq.com)
推荐几款小程序端常用的UI库 # WeUI GitHub:https://github.com/Tencent/weui-wxss/ # Vant 文档:https://youzan.github.io.../vant-weapp/#/intro GitHub:https://github.com/youzan/vant-weapp # iViewUI 文档:https://weapp.iviewui.com.../#/docs/introduction GitHub:https://github.com/NervJS/taro-ui # MinUI 文档:https://meili.github.io/min.../docs/install/index.html GitHub:https://github.com/meili/min-cli # ColorUI GitHub:https://github.com.../weilanwl/ColorUI # Wuss Weapp 文档:https://phonycode.github.io/wuss-weapp GitHub:https://github.com
微信小程序--基于ColorUI构建皮皮虾短视频去水印组件(仅供学习使用) 没错,我是皮友,我想学习舞蹈(/doge)和瑜伽 ,要无水印的那种有助于我加深学习。 1.组件效果展示 ?...https://spider.apisev.cn加入合法request域名列表 如果需要下载视频功能的话,把http://v6-ppx.ixigua.com加入downloadFile合法域名列表 样式基于colorui...,请在全局或者组件样式文件内引入colorui 3.组件引入并使用 4.API构建思路 根据短链接请求的response溯源视频的item_id信息 配置合理的header置换真实的视频地址...view class="padding-xl"> 参考文档...CVideo 接口文档 皮皮虾无水印接口V1 - CVideo接口文档 - 飞光 (apisev.cn)
报名流程,地理位置等等 提供给具体页面搜索功能,用户可以在当前浏览的页面快速获取细化后的内容 技术架构 小程序 使用小程序原生程序开发,本就基于html+css+js相似的语法让小程序十分好入门 样式 使用ColorUI...组件样式库,整体布局下来采用ColorUI和自己写的css相辅相成 后端 使用云开发的云数据库以来存储学校的各类信息,云存储来存储比较大的展示图片 结果展示 1.jpg 2.jpg 2.2.jpg...同时还收获了些编写项目文档的技巧。
所以这里先打开登录即可,后面我们使用相关工具自动编译小程序; 1.4 总结 以上是关于小程序注册、微信开发者工具下载的内容,文章比较简练,如果需要对小程序有更深一步的了解,可以查看微信小程序官方开放文档...,官方文档中对于小程序的框架配置、组件介绍、API以及扩展能力等有非常系统的讲解,非常适合初学者对小程序的学习; 2 HBuilderX、uni-app方面 前言 可能大家对HBuilderX、uni-app...3.1 目录分析及UI组件引入 ├─ colorui # 本项目引入了colorui组件,用于引入美化样式组件 ├─ components # 用于存放组件的目录,可以自行添加组件...$refs.Loading.hide() // 关闭 3.2.2 UI组件-ColorUI 本项目引入了插件市场的ColorUI-UniApp组件库,引入方法如下: 通过上方链接下载Zip包文件,下载源码解压..."colorui/main.css"; @import "colorui/icon.css"; ....
首先 我们看一下uniapp的官方文档: https://uniapp.dcloud.io/api/media/image?...id=chooseimage 大概是这样的 先写一个模拟的demo 1:首先我是是用了colorUI的框架,在项目里面引入 在page底下的vue文件引入 @import "../...../colorui/main.css"; @import "../../colorui/icon.css"; 这样一来,就不需要写什么样式了,直接使用写好的就行了。.../colorui/main.css"; @import "../...../colorui/main.css"; @import "../..
注:以下是按照GitHub上star数量最多的框架进行最新排名 1:Taro多端统一开发解决方案 官网文档:http://taro-docs.jd.com/taro/docs/README/index.html...2:uni-app 基于 Vue.js 的跨平台框架 GitHub地址:https://github.com/dcloudio/uni-app 官网文档:https://uniapp.dcloud.io...4:美团小程序框架mpvue GitHub地址:https://github.com/Meituan-Dianping/mpvue 官网文档:http://mpvue.com/ Star:20.1k...6:ColorUI-高颜值,高效率的小程序组件库 官网文档:https://www.color-ui.com/ GitHub地址:https://github.com/weilanwl/ColorUI.../ Star:9.7k 鲜亮的高饱和色彩,专注视觉的小程序组件库 ColorUI是一个css库!!!
鱼与熊掌可以兼得,这波啊,这波不亏 这就引入本篇文章的主角 Promse.all异步并行机制了 关于Promise的两种机制,我就不再赘述,请看参考文档 项目结构 |--upload |...-- 嫣红 --> upload.wxss 使用了colorui...样式组件,请参考参考文档下载 /* pages/upload/upload.wxss */ @import '/colorui/main.wxss'; 参考文档 1.
ColorUI-UniApp是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库,项目里好多地方都用的到这个UI组件 今天记录一个ColorUI-UniApp的使用和实现循环卡片效果...1:从github上下载 https://github.com/weilanwl/ColorUI ? image 2:将ColorUI-UniApp里面的文件夹colorui导入自己的项目 ?...image 3:打开App.vue文件,引入全局colorui样式 @import "colorui/main.css"; @import "colorui/icon.css"; ?
为了保证小程序整体风格的统一以及提高效率,我们选用了ColorUI作为我们的样式基础库,整体色调选择了淡紫色。页面规划上: 1....此外,数据的增删改查等都可以通过云函数来实现,配合官方的文档说明,可以完成复杂的查询操作。 2. 云数据库是mongoDB的数据库,表的字段设计比较灵活,上手简单。 3....[小程序云开发官方文档](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html) 2....[ColorUI组件库](https://github.com/weilanwl/ColorUI) 4.
注:请选择小程序项目,非小游戏,例子中无 appid,所以无法在手机上运行,如果需要真机调试,请在打开例子时,填上自己的小程序 id 文档 修改app.js文件的全局变量,改为你的 Halo 博客的地址...HaloUser: "xx",//Halo后台用户名 HaloPassword: "xx",//Halo后台密码 } 设置个人专属Logo 修改 WeHalo\miniprogram\colorui...html2wxml插件版本准备 添加插件 [jmbvi9foep.png] 搜索 html2wxml ,选中并添加 [0pwo6zcld4.png] 添加成功 [1724k4mrx2.png] 文档正在不断完善中...感谢 WeHalo的诞生离不开下面这些项目: Halo:轻快,简洁,功能强大,使用Java开发的博客系统 ColorUI:鲜亮的高饱和色彩,专注视觉的小程序组件库 iView Weapp:一套高质量的微信小程序
产品原型设计:墨刀 UI组件库undefined 1.微信原生样式库WeUI,让用户使用感知更加统一undefined 2.注重视觉交互体验的ColorUI组件库,在感知统一的基础上视觉元素多样化...方案一undefined在腾讯云中搜索身份证识别,上面会有详细的API文档以及测试工具帮助你快速使用 [10.png] 点击查看腾讯云-身份证识别 方案二undefined方案一是以提供API接口的形式提供身份证识别服务...官方文档中API被分为了小程序端和服务端,一开始看过两端的API之后,感觉好像没有什么不同啊,在查阅相关资料以及实际开发中某些业务的处理总结出一些经验后才明白了两者的不同,下面给各位具体说说两者的不同之处...图标库:Iconfont阿里巴巴矢量图标库 开发工具:微信开发者工具 开发者工具:Vscode 腾讯云服务:身份证识别 腾讯云服务:智能图像 API文档:微信官方文档.小程序...技术文档:ES6 源码链接 https://github.com/TencentCloudBase/Good-practice-tutorial-recommended *** 如果你有关于使用云开发CloudBase
1.主题列表页 1.导入ColorUI 绘制主题列表页,需要用到ColorUI。 uni-app插件市场中ColorUI的页面: https://ext.dcloud.net.cn/plugin?...id=239 将ColorUI下载解压后,将colorui文件夹复制到项目wwab目录下: ?...在App.vue中加入代码: @import "colorui/main.css"; @import "colorui/icon.css"; ?...用到ColorUI中的 长文本输入框组件、图片上传组件、按钮组件。 注意: 在模态框中使用图片上传组件,会导致图片显示不全,是居中导致的。...解决:在colorui的main.css中找到.cu-modal的样式,将居中代码注释掉。 ? 用ctrl+F直接搜定位。 ?
引入插件进行布局 下载插件,把如下两个文件夹复制到自己的项目中,我放到了(/colorui/components/),scroll有空数据时的图片记得一并引入。 ?.../components/tab/index' import Scroll from '@/colorui/components/scroll/index' components:{Tab, Scroll...下载zip解压到我们的项目中,/colorui/components/parse,在app.vue中引入样式@import "colorui/components/parse/parse.css";,page-details...如果功能简单的话大家可以使用字符串替换添加样式类,如: 后台返回数据 let str = '你好测不准' 拿百度富文本解析为例,一般使用者会直接把word文档拖入到富文本编辑器中...创建组件colorui/components/drawer/drawer.vue。
项目效果预览 项目关键问题 源码地址 开源不易,求个Star https://gitee.com/Kindear/CloudUI 参考文档 ThorUI样式组件库 - KeyBoard...ColorUI样式组件库 - Card Nav
Imitate-QQ-For-Mini-Program 这个是当时学习小程序时,模仿的一个demo,只不过是纯页面没啥具体的功能,现在想使用mpvue 或者 uni-app | vant-weapp 或者 colorui...echarts图表 mpvue——动态渲染echarts图表 mpvue——引入echarts打包vendor过大 编写页面 先把现有的删除然后重新构建,做之前考虑哪些是可以复用的就封账成组件 最后确定使用colorUI
半年前使用uniapp+ColorUI+安卓写了一款app,最近在进行一些优化和修改,顺便记录一下遇到的一些小问题,遇到的一些可以记录下来的优化点,其实uniapp用来做一些比较简单的app还是挺不错的...文档:https://uniapp.dcloud.io/ 话不多说,今天遇到了一个小问题 在默认的radio选择框里面 ? 我这里男生和女生的radio显得比较大,比字体都要大一点,看起来很不舒服。...后面翻看了一下官方文档,找到了一个比较简单的属性 style="transform: scale(0.77)" 于是找到代码 直接添加了这个属性 <view class="cu-form-group
领取专属 10元无门槛券
手把手带您无忧上云