微信小程序学习之externalClasses的用法

发布时间：2020-08-10 19:38:16 阅读：1645 作者：伊伊吖吖栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

外部样式类用法：

一.自定义子组件：

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问一下细节

猜你喜欢