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

外部样式类用法:

创新互联是一家专注于成都做网站、成都网站制作与策划设计,共和网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:共和等地区。共和做网站价格咨询:028-86922220

    一.自定义子组件:

       1. tag/index.wxml:

            在class类名里写入需要的外部样式类

    

        2.tag/index.js

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

      二.页面上引入组件

        1.detail.json:

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

          2.detail.wxml 

            在父组件的标签上写入子组件externalClasses配置项传入的值作为css的class类名称

        

        3.detail.wxss

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

        



文章名称:微信小程序学习之externalClasses的用法
URL地址:http://bzwzjz.com/article/psehgd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站建设公司 成都响应式网站建设公司 成都企业网站设计 成都网站设计公司 成都网站建设 成都企业网站建设公司 成都网站建设 定制网站制作 手机网站制作 网站建设费用 手机网站制作 高端网站设计 高端网站设计 成都网站制作 重庆网站建设 宜宾网站设计 成都网站制作 成都h5网站建设 网站制作 自适应网站设计 成都网站建设 企业网站建设