銆恔bone

鍓嶈█鏈変簡UI搴擄紝渚挎嵎鎬ф彁楂樺緢澶氥€備粖鏃ユ棭璇绘枃绔犵敱鑵捐@binnie鎶曠鍒嗕韩銆?/p>kbone-ui 鐨勬柟寮忔槸浠ュ皬绋嬪簭鍐呯疆缁勪欢鍜屾嫇灞曠粍浠朵负瀵归綈鐩

鍓嶈█

鏈変簡UI搴擄紝渚挎嵎鎬ф彁楂樺緢澶氥€備粖鏃ユ棭璇绘枃绔犵敱鑵捐@binnie鎶曠鍒嗕韩銆?/p>

kbone-ui 鐨勬柟寮忔槸浠ュ皬绋嬪簭鍐呯疆缁勪欢鍜屾嫇灞曠粍浠朵负瀵归綈鐩爣锛?浣跨敤 weui 鏍峰紡鎻愪緵 H5 鍜?灏忕▼搴忎綋楠屼竴鑷寸殑璺ㄧ UI 缁勪欢搴撱€?/p>

涓€寮€濮嬪仛 kbone-ui 鐨勫垵琛锋槸涓轰簡鍑忓皯 kbone 鐨勪笂鎵嬮毦搴︼紝闇€瑕佹彁渚涘绔殑鏍峰紡缁熶竴鐨?UI 缁勪欢搴撱€傜幇鍦紝寰俊杩欒竟宸茬粡鏈変簡 weui 鍏叡鏍峰紡搴撴潵鏀寔 Web 绔殑瀵瑰灞曠ず锛屽叾涓紝灏忕▼搴忔湰韬熀纭€缁勪欢涔熸槸鐢?weui 閲嶆瀯鍥㈤槦鏉ュ仛鐨勩€傛墍浠ワ紝涓轰簡杈惧埌杩欎釜鐩爣锛宬bone-ui 鐨勬柟寮忔槸浠ュ皬绋嬪簭鍐呯疆缁勪欢鍜屾嫇灞曠粍浠朵负瀵归綈鐩爣锛?浣跨敤 weui 鏍峰紡鎻愪緵 H5 鍜?灏忕▼搴忎綋楠屼竴鑷寸殑璺ㄧ UI 缁勪欢搴撱€?/p>

涓昏鎬濊矾鏄€氳繃 Page 鍜?Component 鐗规湁鐜鍙橀噺鏉ュ尯鍒?灏忕▼搴?鍜?H5 鐨勭幆澧冿細

灞曞紑鍓╀綑79%
// 鍒ゆ柇灏忕▼搴忕 const ismp = typeof Page === 鈥?function 鈥? typeof Component === 鈥?function 鈥?/li>

瀵瑰鎸夌収灏忕▼搴忕粍浠讹紝浠?K 涓哄墠缂€鏆撮湶涓€涓粺涓€鐨勭粍浠跺悕绉帮紝鍐呴儴H5 绔€氳繃 weui 鏍峰紡鏉ラ€傞厤锛岃€屽皬绋嬪簭绔洿鎺ヤ娇鐢ㄥ唴缃粍浠躲€傛瘮濡傦細

// 瀵瑰鏆撮湶锛?/li> KButton // 灏忕▼搴忕锛?/li> wx-button // H5 绔細 button + weui

kbone-ui 鐨勭涓€鏈熷伐浣滐紝宸茬粡鍩烘湰瀹屾垚銆備负浜嗚鐢ㄦ埛蹇€熶笂鎵嬶紝宸茬粡鎻愪緵濡備笅鍙互鍙傝€冪殑鍩烘湰淇℃伅锛?/p>

kbone-ui 鏂囨。 wechat-miniprogram.github.io/kbone/docs/ui/intro/quickstart.htmlkbone-ui 绀轰緥 wechat-miniprogram.github.io/kboneui/ui/kbone-ui 浠撳簱 github/wechat-miniprogram/kbone-ui

鐜板湪鐨?UI 搴撴槸鍩轰簬 Vue锛岃€冭檻鐐逛富瑕佹槸浼樺厛婊¤冻鍥㈤槦鍐呴儴鐨勫熀纭€寮€鍙戝拰浣跨敤銆傚悗缁細闅忕潃鐢熸€佸畬鍠勶紝璁″垝鎻愪緵瀵瑰簲 React 鐗堟湰銆?/p>

kbone-ui 鍜屽競闈笂澶ч儴鍒嗙殑鍏跺畠 UI 搴撶被浼硷紝鎻愪緵浜?codeSplit 鍜屽叏灞€寮曠敤涓ょ鏂瑰紡銆?/p>

鍔犺浇鍏ㄩ儴缁勪欢鍐呭锛屽苟寮曞叆 weui 鏍峰紡搴?

import KboneUI from 'kbone-ui' import 'kbone-ui/lib/weui/weui.css' Vue . use ( KboneUI )
import KButton from 'kbone-ui/lib/KButton.js' import KView from 'kbone-ui/lib/KView.js' import 'kbone-ui/lib/weui/weui.css' Vue . use ( KButton ) Vue . use ( KView )

kbone-ui 鐩墠鏄熀浜?kbone 鏉ュ疄鐜扮殑灏忕▼搴忓拰 Web 绔殑鍚屾瀯鏂规銆傚熀鏈柟妗堟槸閫氳繃 KView 缁勪欢鏉ユā鎷熷ぇ閮ㄥ垎浜や簰 UI 鐨勫姛鑳界粍浠跺唴瀹癸紝姣斿鍍?KActionSheet銆並Toast銆並Toptips 绛夈€?/p>

鍙﹀锛岃€冭檻鍒?Web 绔拰灏忕▼搴忕鐨勫樊寮傦紝kbone-ui 闇€瑕佸涓夌被缁勪欢鏉ヨ繘琛岃法骞冲彴瀹炵幇銆?/p> KView(div) 缁勪欢: 鐩存帴閫氳繃 KView + css 鐨勬柟寮忔潵妯℃嫙涓€浜涘父鐢ㄧ粍浠讹紝姣斿鍍?progress銆乺ich-text銆乮con銆丄ctionSheet 绛夈€傝繖浜涘疄鐜拌捣鏉ユ瘮杈冨鏄擄紝鍙互鐩存帴閫氳繃 KView 瀹炵幇涓ょ澶嶇敤 琛ㄥ崟缁勪欢: 瀵逛簬涓€浜涜〃鍗曠粍浠讹紝kbone 榛樿鏄洿鎺ユ敮鎸?input[type=鈥渪x鈥漖 鏉ユā鎷燂紝涓嶈繃锛屽儚 switch, editor 绛夎繕鏄渶瑕侀€氳繃 wx-xxx 缁勪欢鏉ラ拡瀵圭壒鏈夊钩鍙拌皟鐢ㄣ€?/li> 瑙嗗浘缁勪欢: swiper, picker-view 杩欑被鍦?View 灞傚叿鏈夊己 UI 浜や簰鐨勭粍浠讹紝寰堥毦鍋氬埌涓ょ閫氱敤銆備富瑕佸皬绋嬪簭鏄弻绾跨▼妯″瀷锛岀敤鎴疯嚜瀹氫箟缁勪欢鏃犳硶鐙珛杩愯鍦?View 灞傘€傚浜庤繖绫荤粍浠讹紝鍙兘閫氳繃 Web 绔悜灏忕▼搴忕鍚屽睘鎬ч€傞厤鐨勬柟寮忔潵鍋氥€?/li>

鏈€杩?kbone-ui 鐨勭増鏈洿鏂拌繕鍔犱笂浜嗭紝姣旇緝閲嶈鐨勪笁涓鍥惧眰缁勪欢锛歴wiper銆乵ovable-view銆乻croll-view锛屼互鍙婂叾浠栦氦浜掔粍浠?slider銆乨ialog

鏁翠綋鏉ヨ锛宬bone-ui 鍒囧叆鐨勮搴﹀拰 taro銆乵pvue 绛夎法绔紡鐨勬柟寮忎笉澶竴鏍凤紝浣跨敤 kbone-ui 鍙互鍦ㄤ笉鑴辩宸叉湁妗嗘灦(Vue, React)涓嬶紝瀹炵幇澶氱寮€鍙戠洰鐨勶紝鑰屼笉闇€瑕佸儚 taro/mpvue 涔嬬被闇€瑕侀噸鏂板涓€閬嶈娉曞拰妗嗘灦銆傜洰鍓?kbone-ui 杩樺浜庢瘮杈冩棭鏈熺姸鎬侊紝鍓嶆湡鎵撶畻鏄榻愬井淇″皬绋嬪簭瀹炵幇濂界敤鏄撶敤缁勪欢锛屽悗缁紝涔熶細鎸佺画缁存姢鎻愪緵鏇村鏇村ソ鐢ㄧ殑缁勪欢銆?/p>

鍏充簬鏈枃浣滆€://developers.weixin.qq/community/personal/oCJUsw1EjJM0EBZip-Wl1Jmtt_3Y

@binnie鏇惧垎浜繃

銆愮1817鏈熴€戝皬绋嬪簭娌℃湁 DOM 鎺ュ彛锛屽師鍥犵珶鐒舵槸鈥︹€︼紵

銆愮1763鏈熴€慿bone锛屽崄鍒嗛挓璁¬ue椤圭洰鍚屾椂鏀寔灏忕▼搴?

  • Upal悠云子+轻小故事:悠云

    近年来来来,依据手机上手机微信与移动互联网网网的普及化化,HTML5技术性性也得以“攀缘”发展趋势发展趋势,从一个单纯性性的HTML标准技术性性,摇身一变成为VC眼中的“发展趋势

  • 制作能适应手机上h5自适应

    模拟题目:制作能适应手机上上h5响应式网站4大注意事项 适应手机上上h5响应式网站简言之就是一套网站可以同时适应pc端和手机上上方,这具体上也是亲自亲身经历了数次的演变的结果

  • 看优酷视频 Node 重新构建

    模拟题目:看优酷视频视頻 Node 再次搭建之途,Serverless SSR 未来将来未来可期 在2017年底,优酷视频视頻唯一Passport和土豆的一一部分网页页面网页页面用Node.js,PC和H5重要网页页面网页

  • 王的兴起h5特性剖析详细介

    模拟题目:王的盛行h5特点分析详尽详细介绍 点一下题型下「手机上手机游戏狗H5手机上手机游戏」可快速关注 王的盛行h5特点分析详尽详细介绍。具体入门机手机游戏也是有分门槛的

  • 制作好玩儿的H5游戏:用

    模拟题目:制作好玩儿儿的H5手机游戏:用1款专用型专用工具就够啦! 手中机手机微信手机微信微信朋友圈中,大伙儿常常看到各种各样各种各样制作精美的H5手机游戏:这类H5手机游