成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

使用ColorUI組件

weizx / 1420人閱讀

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

?項目初始化請參照:使用ColorUI構建小程序項目_LookOutThe的博客-CSDN博客

目錄

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

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

2.瀏覽器打開demo

3.微信開發(fā)工具打開上一篇構建好的項目

二、開始使用

1.找需要使用的組件

2.復制我們要使用的那段代碼到我們小程序項目中。

三、總結


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

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

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

2.瀏覽器打開demo

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

3.微信開發(fā)工具打開上一篇構建好的項目

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

二、開始使用

1.找需要使用的組件

1.1從瀏覽器打開的demo中查找需要使用的demo,比如我們需要使用一個進度條

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

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

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

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

2.復制我們要使用的那段代碼到我們小程序項目中。

?賦代碼:

      61.8%        61.8%        61.8%  

?這里面有一個loading變量,沒有值的話,進度條是空,我們可以給這個變量賦值

?在index.js中,設為true,然后點擊保存,編譯,效果如下。

這是在我現(xiàn)有項目中沾進去的,直接沾到了最后。不影響測試進度條。

三、總結

? ? ? ?使用還是很簡單的。我們首先構建項目,然后在瀏覽器demo中找我們需要的組件,然后在前端工具中打開的代碼里面找到需要的代碼,復制到小程序項目中。就可以使用了。

? ? ? ?下載的官方代碼,每個組件一個多帶帶目錄,目錄中包含了該組件所有的代碼,找起來很方便。比如.wxml中bindtap綁定了一些函數(shù),直接去當前目錄下的.js文件中就能找到,直接復制到小程序項目中就可以使用了。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://systransis.cn/yun/122365.html

相關文章

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

    摘要:接下來我將結合項目的講解給大家分享一些實用技術和對于云開發(fā)的一些經驗,希望對正在學習小程序的你有幫助。 創(chuàng)意來源于生活,之所以開發(fā)這個校園約拍小程序,是因為在攝影選修課上常聽老師抱怨外出寫生老找不到模特,許多大學生都想擁有一套專屬自己記憶的攝影作品,記錄下不會磨滅的美好回憶,可如何找到讓自己滿意的攝影師是他們的難題。悅拍屋是一個校園攝影o2o的約拍平臺,提供全方位的約拍服務,同時提供一...

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

    摘要:前言原生開發(fā)小程序有了兩個項目,在原生開發(fā)小程序經驗技巧方面有一些自己的總結,此篇文章做原創(chuàng)分享本文適合老手查看,新手請參閱官方文檔,同步至。 前言 原生開發(fā)小程序有了兩個項目,在原生開發(fā)小程序經驗技巧方面有一些自己的總結,此篇文章做原創(chuàng)分享! 本文適合老手查看,新手請參閱官方文檔,同步至github。 1.發(fā)布訂閱處理復雜邏輯 支持先訂閱后發(fā)布,以及先發(fā)布后訂閱 方法源碼 var E...

    DevTalking 評論0 收藏0
  • vue學習筆記(三)

    摘要:直接創(chuàng)建組件使用標簽名組件模板,根據(jù)組件構造器來創(chuàng)建組件。相應的,實例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù),強制修改會報錯。 一、組件 (一)什么是組件 組件(Component)是 Vue.js最強大的功能之一。組件可以擴展 HTML元素,封裝可重用的代碼組件是自定義元素(對象)。 (二)創(chuàng)建組件的兩種方式 官方推薦組件標簽名是使用-連接的組合詞,例如:。 1、使用...

    fsmStudy 評論0 收藏0
  • vue學習筆記(三)

    摘要:直接創(chuàng)建組件使用標簽名組件模板,根據(jù)組件構造器來創(chuàng)建組件。相應的,實例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù),強制修改會報錯。 一、組件 (一)什么是組件 組件(Component)是 Vue.js最強大的功能之一。組件可以擴展 HTML元素,封裝可重用的代碼組件是自定義元素(對象)。 (二)創(chuàng)建組件的兩種方式 官方推薦組件標簽名是使用-連接的組合詞,例如:。 1、使用...

    zsirfs 評論0 收藏0
  • React 深入系列2:組件分類

    摘要:無狀態(tài)組件和有狀態(tài)組件無狀態(tài)組件和有狀態(tài)組件,劃分依據(jù)是根據(jù)組件內部是否維護。展示型組件和容器型組件展示型組件和容器型組件,劃分依據(jù)是根據(jù)組件的職責。 React 深入系列,深入講解了React中的重點概念、特性和模式等,旨在幫助大家加深對React的理解,以及在項目中更加靈活地使用React。 React 組件有很多種分類方式,常見的分類方式有函數(shù)組件和類組件,無狀態(tài)組件和有狀態(tài)組件...

    fizz 評論0 收藏0

發(fā)表評論

0條評論

weizx

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<