aiplat / Cmui
Licence: mit
自写的自适应跨平台css3框架,可应用于web、app、小程序
Stars: ✭ 17
Projects that are alternatives of or similar to Cmui
Vue Shiyanlou
😘基于vue2和vuex的复杂单页面应用,20+页面53个API(仿实验楼)✨✨
Stars: ✭ 342 (+1911.76%)
Mutual labels: html5, css3
Mescroll
精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
Stars: ✭ 3,775 (+22105.88%)
Mutual labels: html5, css3
Demo Progressive Web App
🎉 A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (+4594.12%)
Mutual labels: html5, css3
Front End Daily Challenges
As of October 2020, 170+ works have been accomplished, challenge yourself each day!
Stars: ✭ 598 (+3417.65%)
Mutual labels: html5, css3
Efo
EFO是一个基于SpringBoot和Vue构建的文件分享系统,包括文件的上传与下载,文件的权限管理,远程文件管理等功能。
Stars: ✭ 327 (+1823.53%)
Mutual labels: html5, css3
Modern Html Starter Template
Modern HTML Starter Template
Stars: ✭ 752 (+4323.53%)
Mutual labels: html5, css3
Dynamic effect
平时练习的一些前端动效,基于HTML5,CSS3,Canvas,Svg
Stars: ✭ 264 (+1452.94%)
Mutual labels: html5, css3
Responsive Grid Of Hexagons
CSS responsive grid of hexagons
Stars: ✭ 481 (+2729.41%)
Mutual labels: html5, css3
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+4188.24%)
Mutual labels: html5, css3
Jianshu
仿简书nx+nodejs+nestjs6+express+mongodb+angular8+爬虫
Stars: ✭ 296 (+1641.18%)
Mutual labels: html5, css3
Vue3 Jd H5
🔥 Based on vue3.0.0, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
Stars: ✭ 328 (+1829.41%)
Mutual labels: html5, css3
Theme Bmw
✋ Smart Voice: Voice for yourself | 微声: 请为自己发声
Stars: ✭ 373 (+2094.12%)
Mutual labels: html5, css3
Front Ui
😄 🎨 Collect some front-end special effects (收集一些前端特效)
Stars: ✭ 259 (+1423.53%)
Mutual labels: html5, css3
Tony
An Elegant WordPress Theme Based on ✌️Vue.js | 基于 Vue.js 的简洁一般强大的 WordPress 单栏博客主题
Stars: ✭ 462 (+2617.65%)
Mutual labels: html5, css3
cmui
超萌框架,快捷布局
-
自己写的布局框架,自适应跨平台设备
-
可应用于web、app、小程序
-
下一版本将添加组件形式
-
实例1 webapp网站 AI智能空间 https://aiplat.com
-
实例2 跨平台app 亲信地铁 腾讯应用宝或苹果appstore搜索‘亲信地铁’、web访问http://m.aiplat.com/metro
-
实例3 微信小程序 娱乐计分器
-
cmui包含cmreset.css和cmstyle.css、aiplat.css三个css文件,同时生成可用于微信小程序开发的wxss文件
-
三个文件,gzip压缩后12k
cmreset.css说明
- 1,盒模型采用IE盒子,即css3中的box-sizing值为border-box
cmstyle.css说明
1,栅格系统
- 请在cmstyle.css文件搜索 ‘栅格系统’
- 兼容pc与mobile写法:(pc端以1200px居中,mobile以100%适配)
<div class="cm_main2">
<div class="cm_main">
<ul class="cm_pc_12">
<li class="cm_pc_12 cm_mob_6">显示主体div</li>
<li class="cm_pc_12 cm_mob_6">显示主体div</li>
<li class="cm_pc_4 cm_mob_12">显示主体div</li>
<li class="cm_pc_4 cm_mob_12">显示主体div</li>
<li class="cm_pc_4 cm_mob_12">显示主体div</li>
</ul>
</div>
</div>
2,div单位主要为em(优于rem),其他部分如border小尺寸单位为px
- 例如: .cm_wh2{width:2em;height:2em} 1em等于一个字的字体大小
- 例如: .cm_bb1ce{border-bottom:1px solid #eeeeee}
3,<span class="cm_fs05">cmui</span>
- 意思cmui字体大小对应.cm_fs05{font-size:0.5em}
- .cm_fs05中cm为cmui的前缀cm,
- .cm_fs05中fs为font-size两个单词各自的首字母集合,所有类命名均类似
- .cm_fs05中05为0.5em大小,em为如上2说明
- .cm_fs06.....cm_fs3--06、07、08、09、1、11、12、13、15,2,3雷同 .cm_fs3{font-size:3em}
4,以上三个css文件的说明文档还有很多未写,后续完善,多谢支持与赞.
兼容性
- 1,实测兼容ie8
- 2,兼容手机、电脑、平板等等一切联网设备
- 3,一次布局,适配所有平台
- 4,可应用于web、app、小程序
构建
- 1,$ git clone https://github.com/aiplat/cmui.git
- 2, $ npm install
- 3, 修改less目录下各文件
- 4, $ npm run build
- 5, 构建后的样式目录为lib
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].