成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

使用ColorUI組件

weizx / 1571人閱讀

摘要:復(fù)制我們要使用的那段代碼到我們小程序項(xiàng)目中。三總結(jié)使用還是很簡(jiǎn)單的。下載的官方代碼,每個(gè)組件一個(gè)多帶帶目錄,目錄中包含了該組件所有的代碼,找起來很方便。

?項(xiàng)目初始化請(qǐng)參照:使用ColorUI構(gòu)建小程序項(xiàng)目_LookOutThe的博客-CSDN博客

目錄

一、開發(fā)準(zhǔn)備工作

1.在前端開發(fā)工具中打開下載好的demo目錄

2.瀏覽器打開demo

3.微信開發(fā)工具打開上一篇構(gòu)建好的項(xiàng)目

二、開始使用

1.找需要使用的組件

2.復(fù)制我們要使用的那段代碼到我們小程序項(xiàng)目中。

三、總結(jié)


一、開發(fā)準(zhǔn)備工作

1.在前端開發(fā)工具中打開下載好的demo目錄

我使用的是HBuilderX,該步驟是為了復(fù)制我們需要的代碼

2.瀏覽器打開demo

官方demo:(ColorUI組件庫?)? ?該步驟是為了找我們要用的組件?

3.微信開發(fā)工具打開上一篇構(gòu)建好的項(xiàng)目

我用的是自己的項(xiàng)目,也就是采用的是從現(xiàn)有項(xiàng)目開始。

二、開始使用

1.找需要使用的組件

1.1從瀏覽器打開的demo中查找需要使用的demo,比如我們需要使用一個(gè)進(jìn)度條

1.2可以看到是在basics下的Process模塊,點(diǎn)擊去后如下圖:

?1.3 比如我們要使用第一個(gè),那么在HBuilderX中打開的demo中查找:

所有組件都在pages下,瀏覽器找的是basics下的Process模塊。

那么就在basic目錄下的progress目錄中打開.wxml文件。

2.復(fù)制我們要使用的那段代碼到我們小程序項(xiàng)目中。

?賦代碼:

      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é)

? ? ? ?使用還是很簡(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

相關(guān)文章

  • 小程序·云開發(fā)實(shí)戰(zhàn) - 校園約拍小程序

    摘要:接下來我將結(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í)提供一...

    QiShare 評(píng)論0 收藏0
  • 2019,幫助你更好的開發(fā)小程序

    摘要:前言原生開發(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...

    DevTalking 評(píng)論0 收藏0
  • vue學(xué)習(xí)筆記(三)

    摘要:直接創(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、使用...

    fsmStudy 評(píng)論0 收藏0
  • vue學(xué)習(xí)筆記(三)

    摘要:直接創(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、使用...

    zsirfs 評(píng)論0 收藏0
  • React 深入系列2:組件分類

    摘要:無狀態(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)組件...

    fizz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<