溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序?qū)W習之externalClasses的用法

發(fā)布時間:2020-08-10 19:38:16 來源:網(wǎng)絡 閱讀:1644 作者:伊伊吖吖 欄目:web開發(fā)

外部樣式類用法:

    一.自定義子組件:

       1. tag/index.wxml:

            在class類名里寫入需要的外部樣式類

    <view class="tag-class"></view>

        2.tag/index.js

    Component({
        externalClasses:['tag-class']
    })

      二.頁面上引入組件

        1.detail.json:

    "usingComponents":{
         "tag-cmp": "/components/tag/index",
    }

          2.detail.wxml 

            在父組件的標簽上寫入子組件externalClasses配置項傳入的值作為css的class類名稱

        <tag-cmp tag-class="tag"></tag-cmp>

        3.detail.wxss

        .tag {
          margin-right: 15rpx;
          margin-bottom: 10rpx;
          border-radius: 15px !important;
        }

        


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI