HiShop首頁(yè) > 網(wǎng)上商城系統(tǒng) > 商城建設(shè) > 2023年微信小程序 基礎(chǔ)組件

2023年微信小程序 基礎(chǔ)組件

時(shí)間：2024-10-27 07:31:48 |閱讀量：

如果你想要快速開(kāi)發(fā)微信小程序，那么你一定需要了解基礎(chǔ)組件。這些基礎(chǔ)組件是視圖層的基本組成單元，提供了各種功能和樣式來(lái)構(gòu)建你的小程序。

1. 組件屬性

每個(gè)組件都有其自己的屬性，用于修飾組件的功能和樣式。屬性類型包括Boolean、Number、String、Array、Object、EventHandler和Any。其中Boolean類型的屬性只需在組件中定義，而不必給該屬性賦值，默認(rèn)為true。 EventHandler類型的屬性是Page中定義的事件處理函數(shù)名。

2. 共同屬性類型

所有組件都有一些共同的屬性來(lái)控制其行為，如id、class、style、hidden、data-*、bind*/catch*等。其中id屬性用于保持整個(gè)頁(yè)面唯一，而class屬性則需要在相應(yīng)wxss文件中定義樣式；style屬性可動(dòng)態(tài)進(jìn)行內(nèi)聯(lián)樣式設(shè)置；hidden屬性用于隱藏組件；data-*屬性用于在觸發(fā)組件事件時(shí)發(fā)送數(shù)據(jù)給事件處理函數(shù)；bind*/catch*屬性用于定義組件的事件，更多詳細(xì)信息請(qǐng)看文末的組件列表。

3. 特殊屬性

除了共同的屬性類型之外，還有一些特殊的屬性供各個(gè)組件使用，以修飾其自身功能和樣式。這些特殊屬性可以在相應(yīng)的組件定義中找到。

4. 組件列表

微信小程序提供了八種基礎(chǔ)組件分類，包括視圖容器、基礎(chǔ)內(nèi)容、表單組件、導(dǎo)航、多媒體、地圖、畫(huà)布和客服會(huì)話。以下是每個(gè)分類下的組件列表。

4.1 視圖容器(View Container)

組件名 說(shuō)明
view 視圖容器
scroll-view 可滾動(dòng)視圖容器
swiper 可滑動(dòng)的視圖容器

4.2 基礎(chǔ)內(nèi)容(Basic Content)

組件名 說(shuō)明
icon 圖標(biāo)
text 文字
progress 進(jìn)度條

4.3 表單(Form)

<

<本文由himall原創(chuàng)，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)標(biāo)明：himall原創(chuàng)>

多用戶商城系統(tǒng)解決方案

滿足不同行業(yè)發(fā)展電商的需求，HiMall更有針對(duì)性的提供不同行業(yè)內(nèi)的電商解決方案

  • 跨境電商解決方案

    支持直郵/保稅模式

    對(duì)接海關(guān)/保稅倉(cāng)

    支持多國(guó)國(guó)際語(yǔ)言

    對(duì)接Paypal國(guó)際支付

    幫助跨境外貿(mào)企業(yè)搭建跨境進(jìn)口/出口電商平臺(tái)，搶占國(guó)際電商市場(chǎng)，針對(duì)企業(yè)需求定制個(gè)性化跨境電商解決方案
    了解跨境方案
  • 分賬解決方案

    迎合金融監(jiān)管要求

    規(guī)避“二清”結(jié)算

    節(jié)約平臺(tái)財(cái)務(wù)成本

    降低平臺(tái)招商成本

    在合法、合規(guī)的前提下，為電商平臺(tái)提供資金收付、賬戶管理、資金合規(guī)等一體化整體解決方案
    了解分賬方案
  • B2B批發(fā)解決方案

    多級(jí)階梯批發(fā)價(jià)

    布局全渠道批發(fā)入口

    專屬批發(fā)訂貨市場(chǎng)

    銀聯(lián)B2B大額支付

    為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺(tái)，整合線下批發(fā)資源，拓展線上批發(fā)渠道，實(shí)現(xiàn)批發(fā)業(yè)務(wù)24小時(shí)在線經(jīng)營(yíng)
    了解B2B方案
更多電商解決方案>
|2024-10-27猜你喜歡

【本站聲明】 1、本網(wǎng)站發(fā)布的該篇文章，目的在于分享電商知識(shí)及傳遞、交流相關(guān)電商信息，以便您學(xué)習(xí)或了解電商知識(shí)，請(qǐng)您不要用于其他用途；
2、該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)并非來(lái)源于本網(wǎng)站，更非本網(wǎng)站提供，與本網(wǎng)站無(wú)關(guān)，系他人的商品或服務(wù)，本網(wǎng)站對(duì)于該類商標(biāo)、標(biāo)識(shí)不擁有任何權(quán)利；
3、本網(wǎng)站不對(duì)該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保；
4、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé)，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細(xì)的資訊，請(qǐng)您直接與該類商品/服務(wù)的提供者聯(lián)系。

組件名 說(shuō)明
button 按鈕
form 表單
input 輸入框
checkbox 多項(xiàng)選擇器
radio 單項(xiàng)選擇器

<samp id="gnf9b"><strong id="gnf9b"></strong></samp>
    • <samp id="gnf9b"><label id="gnf9b"><tt id="gnf9b"></tt></label></samp>