資訊專欄INFORMATION COLUMN
摘要：移動(dòng)端組件庫重新設(shè)計(jì)了那塊組件，讓數(shù)據(jù)校驗(yàn)變得更簡(jiǎn)單。敬請(qǐng)期待依賴安裝下載依賴初始解決不同機(jī)型的多倍屏問題，通過設(shè)置視網(wǎng)膜顯示屏來達(dá)到統(tǒng)一的目的。方式二手動(dòng)引入需要的組件加載加載
移動(dòng)端React組件庫
重新設(shè)計(jì)了Form那塊組件，讓數(shù)據(jù)校驗(yàn)變得更簡(jiǎn)單。
歡迎提出更多優(yōu)化建議，如有興趣參與該項(xiàng)目，請(qǐng)郵件至：saytxk@gmail.com
(-> . ->) 沒錯(cuò)，我就是來騙 Star 滴。
項(xiàng)目地址: https://github.com/rc-mobile/rcm-mobile 演示頁面: https://rc-mobile.github.io/rcm-mobile/ 使用說明 1.創(chuàng)建一個(gè)項(xiàng)目（走模版創(chuàng)建，無需任何配置，尚未開源）走模版創(chuàng)建的項(xiàng)目，無需下面配置操作，開箱即用。敬請(qǐng)期待...
2.依賴安裝npm i -S rcm-mobile # 下載依賴3.初始HTML
解決不同機(jī)型的多倍屏問題，通過設(shè)置視網(wǎng)膜顯示屏來達(dá)到統(tǒng)一的目的。
組件尺寸大小都是基于 rem 開發(fā)，可以靈活調(diào)整以適用想要適配的視網(wǎng)膜顯示屏
通用做法：一倍視網(wǎng)膜顯示屏方案
自定義：多倍視網(wǎng)膜顯示屏
第一步：確定視網(wǎng)膜顯示屏倍數(shù)，如現(xiàn)在設(shè)成 2倍
第二步：初始化rem的大小，html{font-size: 32px}。即瀏覽器默認(rèn)的文字大小(16px) * 視網(wǎng)膜顯示屏倍數(shù)
第三步：恢復(fù)body下的文字大小，body{font-size: 16px}
4.全量使用（不推薦）
組件使用實(shí)例：
import { Button } from "rcm-mobile";
import "rcm-mobile/dist/rcm-mobile.css";
ReactDOM.render(, document.body);
5.按需加載（推薦）
方式一：使用 babel-plugin-import（推薦）
配置 babel
// .babelrc or babel-loader option
{
"plugins": [
["import", {
"libraryName": "rcm-mobile",
"libraryDirectory": "lib",
"style": true
}, "rcm-mobile"]
]
}
然后只需從 rcm-mobile 引入模塊即可，無需多帶帶引入樣式。
import { Button } from "rcm-mobile";
ReactDOM.render(, document.body);
方式二：手動(dòng)引入需要的組件
import Button from "rcm-mobile/lib/button"; // 加載 JS import "rcm-mobile/lib/button/style"; // 加載 CSS
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/104732.html
摘要：簡(jiǎn)潔直觀強(qiáng)悍的前端開發(fā)框架，讓開發(fā)更迅速簡(jiǎn)單。是一套基于的前端框架。首個(gè)版本發(fā)布于年金秋，她區(qū)別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：簡(jiǎn)潔直觀強(qiáng)悍的前端開發(fā)框架，讓開發(fā)更迅速簡(jiǎn)單。是一套基于的前端框架。首個(gè)版本發(fā)布于年金秋，她區(qū)別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：也是一款優(yōu)秀的響應(yīng)式框架站點(diǎn)所使用的一套框架為微信服務(wù)量身設(shè)計(jì)的一套框架一組很小的，響應(yīng)式的組件，你可以在網(wǎng)頁的項(xiàng)目上到處使用一個(gè)可定制的文件，使瀏覽器呈現(xiàn)的所有元素，更一致和符合現(xiàn)代標(biāo)準(zhǔn)。 GitHub 值得收藏的前端項(xiàng)目 整理與收集的一些比較優(yōu)秀github項(xiàng)目，方便自己閱讀，順便分享出來，大家一起學(xué)習(xí)，本篇文章會(huì)持續(xù)更新，版權(quán)歸原作者所有。歡迎github star與fork 預(yù)...
閱讀 1424·2021-11-15 11:45
閱讀 3188·2021-09-27 13:36
閱讀 2921·2019-08-30 15:54
閱讀 1044·2019-08-29 12:38
閱讀 2975·2019-08-29 11:22
閱讀 3063·2019-08-26 13:52
閱讀 2100·2019-08-26 13:30
閱讀 655·2019-08-26 10:37
