温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2020-08-10 19:38:16 来源:网络 阅读:1641 作者:伊伊吖吖 栏目:web开发

外部样式类用法:

    一.自定义子组件:

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

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI