被圈粉的微信小程序纯UI组件colorUi

摘要：作为一名不了解ui的开发，但又想开发一款界面好看的小程序，那我极力推荐今天的主角-colorUi，它的优点在于提供了很多常用的纯ui组件，不掺杂任何逻辑，而且引入简单，轻量级！很适合没有ui基础又想快速制作一款小程序的开发者，下面一起了解一下。

1、基础元素
基础元素包含布局、背景、图标、文本等等一些常用的元素，可以直接拷贝粘贴使用，非常简单易用。

2、丰富的组件
一些常用的组件也是顺手拈来，每个组件都提供了多种样式可供选择，还能进行自定义，可以说对新手非常友好了！

3、引入colorUi
GitHub地址：https://github.com/weilanwl/ColorUI/
直接下载zip包
解压后引入colorUI的样式在app.wxss中加上就完成了它的样式引用。
@import “colorui/main.wxss”;
@import “colorui/icon.wxss”;
@import “./lib/colorui/animation.wxss”; //调用动画效果需要
4、解压后进入colorUi目录

/**app.wxss**/
@import "icon.wxss";
@import "main.wxss";
.container {display: flex;flex-direction: column;align-items: center;box-sizing: border-box;
} button {background: initial;
}button:focus{outline: 0;
}

如果对你有帮助，看完别忘了转发，收藏哦~~

被圈粉的微信小程序纯UI组件colorUi相关推荐

微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
微信小程序纯css实现刻度尺
微信小程序纯css实现刻度尺最近需要实现一个高度定制的刻度尺,但是网上现成的方案却是极少,最终找到了HaoTian的wx-scale.但是没有实现竖向的效果而且刻度范围大时,在安卓机上无法渲染完全( ...
微信小程序vue轮播图_微信小程序使用swiper组件实现类3D轮播图
Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端. Swiper能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. Swiper开源.免费.稳定.使用简单. ...
微信小程序-MAP API组件合集
合集不断更新,总有一款适合你~ map组件&API 官方文档组件map | 微信开放文档 APIMapContext | 微信开放文档获取当前的地理位置.速度.wx.getLocation ...
微信小程序_基础组件学习02
微信小程序_基础组件学习02 swiper组件 swiper是滑块容器,也就是手机端的轮播图. swiper组件有两部分组成swiper和swiper-item. swiper-item需要放在swi ...
微信小程序基于swiper组件的tab切换
代码地址如下: http://www.demodashi.com/demo/14010.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
微信小程序授权登录组件的封装
微信小程序授权登录组件的封装新建components文件写wxml文件 wxss部分 js部分 json引用页面使用页面js 授权登录流程如下: 因为多个页面功能需要登录状态所以做了个组 ...
微信小程序使用image组件显示图片的方法
本文实例讲述了微信小程序使用image组件显示图片的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml 代码如下: <image style=" ...
【微信小程序】选择器组件picker
文章目录 [微信小程序]选择器组件picker picker组件的定义 picker组件的类型 picker属性共同的属性时间选择器time 参考 [微信小程序]选择器组件picker picke ...
微信小程序的父子组件传值
微信小程序的父子组件传值如果小程序中有可复用的UI且具有一定的功能性,就可以使用自定义组件将其封装起来. 下面介绍父子组件的数据传递方法,以及一个简单的组件和一个复杂的组件示例. 二.父子组件传递数 ...

被圈粉的微信小程序纯UI组件colorUi

被圈粉的微信小程序纯UI组件colorUi相关推荐

最新文章

热门文章