摘要:復(fù)制我們要使用的那段代碼到我們小程序項(xiàng)目中。三總結(jié)使用還是很簡(jiǎn)單的。下載的官方代碼,每個(gè)組件一個(gè)多帶帶目錄,目錄中包含了該組件所有的代碼,找起來很方便。
?項(xiàng)目初始化請(qǐng)參照:使用ColorUI構(gòu)建小程序項(xiàng)目_LookOutThe的博客-CSDN博客
目錄
3.微信開發(fā)工具打開上一篇構(gòu)建好的項(xiàng)目
2.復(fù)制我們要使用的那段代碼到我們小程序項(xiàng)目中。
我使用的是HBuilderX,該步驟是為了復(fù)制我們需要的代碼
官方demo:(ColorUI組件庫?)? ?該步驟是為了找我們要用的組件?
我用的是自己的項(xiàng)目,也就是采用的是從現(xiàn)有項(xiàng)目開始。
1.1從瀏覽器打開的demo中查找需要使用的demo,比如我們需要使用一個(gè)進(jìn)度條
1.2可以看到是在basics下的Process模塊,點(diǎn)擊去后如下圖:
?1.3 比如我們要使用第一個(gè),那么在HBuilderX中打開的demo中查找:
所有組件都在pages下,瀏覽器找的是basics下的Process模塊。
那么就在basic目錄下的progress目錄中打開.wxml文件。
?賦代碼:
61.8% 61.8% 61.8%
?這里面有一個(gè)loading變量,沒有值的話,進(jìn)度條是空,我們可以給這個(gè)變量賦值
?在index.js中,設(shè)為true,然后點(diǎn)擊保存,編譯,效果如下。
這是在我現(xiàn)有項(xiàng)目中沾進(jìn)去的,直接沾到了最后。不影響測(cè)試進(jìn)度條。
? ? ? ?使用還是很簡(jiǎn)單的。我們首先構(gòu)建項(xiàng)目,然后在瀏覽器demo中找我們需要的組件,然后在前端工具中打開的代碼里面找到需要的代碼,復(fù)制到小程序項(xiàng)目中。就可以使用了。
? ? ? ?下載的官方代碼,每個(gè)組件一個(gè)多帶帶目錄,目錄中包含了該組件所有的代碼,找起來很方便。比如.wxml中bindtap綁定了一些函數(shù),直接去當(dāng)前目錄下的.js文件中就能找到,直接復(fù)制到小程序項(xiàng)目中就可以使用了。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/122365.html
摘要:接下來我將結(jié)合項(xiàng)目的講解給大家分享一些實(shí)用技術(shù)和對(duì)于云開發(fā)的一些經(jīng)驗(yàn),希望對(duì)正在學(xué)習(xí)小程序的你有幫助。 創(chuàng)意來源于生活,之所以開發(fā)這個(gè)校園約拍小程序,是因?yàn)樵跀z影選修課上常聽老師抱怨外出寫生老找不到模特,許多大學(xué)生都想擁有一套專屬自己記憶的攝影作品,記錄下不會(huì)磨滅的美好回憶,可如何找到讓自己滿意的攝影師是他們的難題。悅拍屋是一個(gè)校園攝影o2o的約拍平臺(tái),提供全方位的約拍服務(wù),同時(shí)提供一...
摘要:前言原生開發(fā)小程序有了兩個(gè)項(xiàng)目,在原生開發(fā)小程序經(jīng)驗(yàn)技巧方面有一些自己的總結(jié),此篇文章做原創(chuàng)分享本文適合老手查看,新手請(qǐng)參閱官方文檔,同步至。 前言 原生開發(fā)小程序有了兩個(gè)項(xiàng)目,在原生開發(fā)小程序經(jīng)驗(yàn)技巧方面有一些自己的總結(jié),此篇文章做原創(chuàng)分享! 本文適合老手查看,新手請(qǐng)參閱官方文檔,同步至github。 1.發(fā)布訂閱處理復(fù)雜邏輯 支持先訂閱后發(fā)布,以及先發(fā)布后訂閱 方法源碼 var E...
摘要:直接創(chuàng)建組件使用標(biāo)簽名組件模板,根據(jù)組件構(gòu)造器來創(chuàng)建組件。相應(yīng)的,實(shí)例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù),強(qiáng)制修改會(huì)報(bào)錯(cuò)。 一、組件 (一)什么是組件 組件(Component)是 Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素,封裝可重用的代碼組件是自定義元素(對(duì)象)。 (二)創(chuàng)建組件的兩種方式 官方推薦組件標(biāo)簽名是使用-連接的組合詞,例如:。 1、使用...
摘要:直接創(chuàng)建組件使用標(biāo)簽名組件模板,根據(jù)組件構(gòu)造器來創(chuàng)建組件。相應(yīng)的,實(shí)例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù),強(qiáng)制修改會(huì)報(bào)錯(cuò)。 一、組件 (一)什么是組件 組件(Component)是 Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素,封裝可重用的代碼組件是自定義元素(對(duì)象)。 (二)創(chuàng)建組件的兩種方式 官方推薦組件標(biāo)簽名是使用-連接的組合詞,例如:。 1、使用...
摘要:無狀態(tài)組件和有狀態(tài)組件無狀態(tài)組件和有狀態(tài)組件,劃分依據(jù)是根據(jù)組件內(nèi)部是否維護(hù)。展示型組件和容器型組件展示型組件和容器型組件,劃分依據(jù)是根據(jù)組件的職責(zé)。 React 深入系列,深入講解了React中的重點(diǎn)概念、特性和模式等,旨在幫助大家加深對(duì)React的理解,以及在項(xiàng)目中更加靈活地使用React。 React 組件有很多種分類方式,常見的分類方式有函數(shù)組件和類組件,無狀態(tài)組件和有狀態(tài)組件...
閱讀 2084·2023-04-26 02:14
閱讀 3970·2021-11-23 09:51
閱讀 1572·2021-10-13 09:39
閱讀 4160·2021-09-24 10:36
閱讀 3167·2021-09-22 15:55
閱讀 3679·2019-08-30 12:57
閱讀 2169·2019-08-29 15:30
閱讀 2124·2019-08-29 13:19