GitHub:https://github.com/Tencent/weui-wxss/
小程序刚刚流行起来的时候,出现了不少的小程序的框架,随着开发者越来越多,很多比较好用的,性能较好的,框架在GitHub上的star越来越多,也越来越受到前端开发者的欢迎。
在开发uniapp的时候,最佳的ui框架就是ColorUI,ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!
好久不见,很久没更新博客了,前段时间在深圳出差,胡吃海喝颓废了很久,不想每天下班刷抖音、打游戏虚度光阴,准备把之前做的一个小程序案例详细的介绍一下,从安装编译器开始重新开发复盘一遍,希望对初入小程序的你有所帮助。
微信小程序 -- 基于 movable-view 实现拖拽排序 项目基于colorui样式组件 ColorUI组件库 (color-ui.com) 1.实现效果 2. 设计思路 movable-
功能需求: 前端选择本地文件,将选择好的文件显示在界面上进行预览,可同时选择四张进行预览。
没错,我是皮友,我想学习舞蹈(/doge)和瑜伽 ,要无水印的那种有助于我加深学习。
该小程序是云开发校园技术布道师极限编程,新生报名类命题的作品,意指给学校报名时候减轻负担,同时给学校增加广泛宣传力度,了解学校的各类事项。
ColorUI-UniApp是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库,项目里好多地方都用的到这个UI组件 今天记录一个ColorUI-UniApp的使用和实现循环卡片效果。
将zip包下载以后解压后,将文件夹colorui复制到newapp目录下,然后在App.vue中的样式中导入:
半年前使用uniapp+ColorUI+安卓写了一款app,最近在进行一些优化和修改,顺便记录一下遇到的一些小问题,遇到的一些可以记录下来的优化点,其实uniapp用来做一些比较简单的app还是挺不错的,比较快捷,容易管理~~
本文由西安电子科技大学沈健祺同学撰写并授权同意发表于云加社区,《丢小墙》是第二届腾讯AI+小程序创意应用赛的冠军作品。
前言 该项目属于个人毕设项目,目前还处于开发阶段。前期功能分析可能不完善后期会慢慢添加。项目灵感来源于某站一起观影功能! 若看官有好的建议欢迎留言补充!最后再立下一个flag,年底前对项目完工并成功部署服务器。最后再写一章说明文档!至于惩罚emmm,暂时还没想好🤪 前期使用技术栈分析 后端:SpringBoot框架 Mybatis框架 数据库:mysql redis 前端:微信小程序 uniapp框架 colorui组件库 多媒体视频处理工具:Ffmpeg 开发使用工具 IDEA202
创意来源于生活,之所以开发这个校园约拍小程序,是因为在摄影选修课上常听老师抱怨外出写生老找不到模特,许多大学生都想拥有一套专属自己记忆的摄影作品,记录下不会磨灭的美好回忆,可如何找到让自己满意的摄影师是他们的难题。悦拍屋是一个校园摄影o2o的约拍平台,提供全方位的约拍服务,同时提供一个自我展示,学习交流,互动娱乐的平台。接下来我将结合项目的讲解给大家分享一些实用技术和对于云开发的一些经验,希望对正在学习小程序的你有帮助。
uni-app 是一个使用 Vue.js 开发的跨平台应用的前端框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台;uni在跨端的同时,通过条件编译和对应平台特有API地调用,可以很好得为某个平台写个性化的代码、调用其独有能力而不影响其它平台;生态丰富,支持npm包管理,丰富的第三方SDK集成和高达1600个插件的支持;上手容易,采用vue语法和微信小程序api,无额外学习成本,同时开发利器HbuilderX具有强大的语法提示。相信它将是你跨端开发的不二选择。
文 / 李艺 2020年02月08日 开发微信小程序离不开一个称手的 UI 框架, 有了这个可以事半功倍, 特别对于程序员出身不太会美工的开发者 尤其有用 这些框架,单个组件拿出来展示,可能效果都很好, 但放在具体的项目中,可能就有问题了。 色调整体不搭配,或者程序卡顿。 小程序还有内存限制, 用户体验是微信很在意的一件事情。 所以,在 ui 框架的选择上, 第一是性能,第二才是效果。 作者在一篇文章里看到 6 个最优秀的微信小程序 UI 类库 weui、vant、iview、minUi、wux、color
◼ 网友整理的资源列表 https://github.com/opendigg/awesome-github-wechat-weapp https://github.com/justjavac/awesome-wechat-weapp
extends [微信小程序开发技巧总结(二) -- 文件的选取、移动、上传和下载 - Kindear - 博客园 (cnblogs.com)]
今天给大家分享一个开箱即用web移动端组件,它可以帮助你快速搭建移动端项目,简直太赞了!
基于原来的开源项目 微信小程序仿朋友圈功能开发(发布、点赞、评论等功能)的基础上,终于推陈出新了。
大家的支持,鼓励,认可,是我坚持开源的动力,虽然后面开发完有点拖拉,请原谅 ~ 渲染图在设计中
在pages/shequ目录下新建页面zhuti_list,然后在pages.json将zhuti_list配置为首页,方便查看。
TZVideo你的追剧小助手 TZVideo属于第三方信息收集工具,仅提供第三方资源网站的搜索收集,本微信小程序仅供作者测试和学习使用,内部所有资源都来着第三方资源网站 感谢colorUI的作者,本小程序UI均采用ColorUI的css库.该项目是开源的,不收取任何费用,如果这个项目有帮到你,或者你觉得很赞,可以在GitHub支持一下!
因为项目做的是博客demo, 首页进来想给人直观的就能看到文章,看到分类。所以想的一个是可以左右滑动,切换分类,一个是页面以列表形式,直接 list 渲染。类似掘金的样式:
个人认为,博客就两种:一是随笔,记录自己的成长历程,二是有目的的发文,例如搬运各种网赚文,我想大部分朋友做博客的初衷都是有一块自己的心灵净土,于是催生了wxapp-blog这款小程序。
不好意思大家,个人原因拖了一周时间才发表第二篇,没想到还有朋友在支持,非常感谢和抱歉。第一篇中已经引入了第三方样式,实现了主题和语言的切换;本篇主要开始页面的搭建和云函数创建,前端代码通过uniCloud.callFunction()方法调用云函数,云函数中可执行js运算、读写云数据库(NoSQL),直接返回json数据,也可以使用npm安装第三方依赖。服务端环境安装配置和安全等方面完全不需要去考虑。
2020年的最后那几天,深圳终于降温了,冷的一批,那寒风刺骨吹得让人头疼,但这一刻也让我意识到了这一年要结束了。没做完的事情要留到明年再做了,没有见到的人只能说明年再约了,没有完成的计划可能要重新安排了。
1. uni-app插件ColorUI步骤条 1.1. 前言 uni-app就不介绍了,前面几篇已经有所介绍,不知道的可以翻看我前面几篇博客 ColorUI-uniApp是uni-app的一款ui组件
2:在view,写一下标签 直接在官方文档里面查找 https://uniapp.dcloud.io/component/radio
(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。
腾讯团队官方的教程demo,对于云开发不太了解的可以在熟悉云开发文档之后学习下demo代码
微信小程序自从发布以来就占据着超高的话题热度,一直以来都想开发一款自己的小程序,但苦于不懂前端迟迟没有开始。偶然发现了ColorUI这个开源的小程序组件库,界面好看且提供Demo,心中狂喜马上动手
我们平时听课、开会、学习都会记录一些重要的知识,这个时候我们要是手写记录的话,速度有可能会跟不上,有时还会错过重要的知识点。很多时候讲师都是使用ppt授课,这个时候要是有个工具帮我们解决这些问题就好了,我突然想到用小程来解决这个问题。
初学小程序,每天起床第一件事不是去看文档,而是打开班群接龙打卡信息,填写ex表(苦逼的大二狗每天群通知99+),所以萌生了写一款让学生报备信息的小程序。本来只是简单写了一个上报表单的程序,但是写完了之后又觉得好像缺了点什么,所以功能越写越多,项目不断重构,里面很多东西都是现学现用,陆陆续续写了10天左右,算是一滴都不剩了。。不对,是差不多写得没想法了,项目包含了一整套前后端的交互,由于很多数据前期和后期设计理念不一样,简称自己打自己脸,所以会有很多不完善的地方,希望大家轻喷。。。 ( ゜ェ゜ ) 废话不多说,现在主要讲一下该项目的设计思路和一些功能的实现思路。
高校小助手是一款微信小程序,用于解决高校内一些常见的痛点。比如校园内的二手交易,失物招领,快递代取等等。
本文从开发、工具使用、服务器、测试等方面比较全面地整理了小程序开发注意事项 # 服务类目 不要提供与小程序服务类目无关的功能,否则有可能被下架处理 建议根据所持资质进行服务类目添加 # 设计稿 尺寸最好用iphone6(物理像素750*1334)作为视觉稿的标准 # 开发前 具备基础知识(Html+CSS+JS) 原生开发需要熟悉微信小程序的标签(小程序没有document对象) 使用框架则需要事先熟悉相应的API文档 mpx立足原生,完全兼容原生(对第三方组件库完美支持),坑少,做了很多增强,不必担心
1.插件引入 插件地址:https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx2facb7b57eedf7e6
此项目基于小程序 ▪ 云开发,个人博客小程序,基于微信原生和云技术以及相关技术栈开发。基于腾讯云服务开发,微信云开发,原生微信,使用vant,colorui为UI的开发的小程序,后台基于微信云开项目。
这个框架才用了ColorUI设计,界面个人感觉清新爽目,嘿嘿,,,,,遗憾的是没有做后台,相比其他学校终结了一下,缺少以下几点:
之前接到一个需求,设计一个类似H5 投票系统之类的小程序,我绞尽脑汁,冥思苦想,最后终于做了出来。 再次感谢 @文晓港 的ColorUI微信样式组件库,实在是开发者的好帮手。秉持开源精神,该小程序代码已全部开源。后台使用的云开发,申请个云开发环境,部署成功即可直接使用。
但是作为博客这一个小类目来说,关注这个类目的目标群体也不会太多,所以能够一步步提升,最后成功登顶。还是挺让我开心的,在蘑菇博客中,也见证了我的一步步成长。
在实际应用场景中,迎接新生活动或多或少是非常繁琐且复杂的任务,hi吾理旨在使用简单的微信小程序,为新生提供方便快捷且接地气的欢迎服务,为新生加速破冰,促进互相交流贡献力量。
更新newsList就可以更新滚动跳内容,可以通过prop数据绑定或lifetime请求接口更新数据。
在社区翻腾了许久,没有找到合适的天气插件。迫不得已,只好借鉴互联网上的web项目,手动迁移到小程序中使用。现在分享到互联网社区中,帮助后续有需要的开发者。
发布的信息还要携带上发布者的身份识别码、昵称 和 头像 , 可以选择性的带上位置信息(不需要要进行功能拓展的话就不用加上该字段)。
1: 将全局方法,全局变量放到一个文件里定义,并以global开头 然后在main.js里引入
2:选择一个比较好用的ui框架 引入之后,很多代码样式都不需要自己一点点的写了,需要什么样的,直接在UI库里面复制黏贴就行 ,省了很多时间哦,不许呀考虑写出来的页面样式不好看之类的问题了。
练手Lab课程表小程序源码是一个基于Thinkphp系统进行开发的前后端分离系统。
领取专属 10元无门槛券
手把手带您无忧上云