成都网站建设设计

将想法与焦点和您一起共享

微信小程序学习之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://chengdu.cdxwcx.cn/article/psehgd.html