微信小程序学习之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的用法
转载来源:http://bzwzjz.com/article/psehgd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作 成都网站设计 企业网站设计 网站建设 企业网站制作 成都定制网站建设 重庆手机网站建设 重庆外贸网站建设 重庆网站建设 重庆电商网站建设 自适应网站设计 成都网站建设 响应式网站设计 成都网站设计 重庆网站建设 成都模版网站建设 手机网站制作 成都网站建设公司 成都网站制作 成都网站设计 成都营销网站制作 网站设计制作