## :-: 组件的wxss样式由父节点编写 ### 1.先在组件music.wxml添加class ``` <!--components/music/music.wxml--> <view bindtap="onShow" class="tag-class"> 我是谁？ </view> ``` ### 2.在组件music.js注册 ``` // components/music/music.js Component({ /** * 组件的属性列表 */ properties: {}, /* 添加祖册项，向外暴露class */ externalClasses: ['tag-class'], /** * 组件的初始数据 */ data: { msg: "you are beautiful" }, }) ``` ### 3.在index.wxml接收来自组件的class名，并在index.wxss设置样式 ``` <!-- "pages/index/index.wxml" --> <view class="container"> <v-music bind:message="onMshow" tag-class="font-color"></v-music> </view> ``` "pages/index/index.js" ``` .font-color{ color: red; } ```