开发环境 win7 64 ,微信开发工具 1.6.6
我按照官方demo的自定义组件
cpt.wxml
<view class="inner"> {{innerText}} |
cpt.wxss
.inner { color: red;} |
cpt.js
Component({ properties: { // 这里定义了innerText属性，属性值可以在组件使用时指定 innerText: { type: String, value: 'default value', } }, data: { // 这里是一些组件内部数据 someData: {} }, methods: { // 这里是一个自定义方法 customMethod: function(){} }}) |
cpt.json
{ "component": true} |
然后在 list.wxml
<view> <component-tag-name inner-text="Some text"> |
出来的效果是
字体样式没有改变
好的。谢谢明白了呢。但是。其实这个场景真的在组件常见的
@LastLeaf 意思是说 写在组件的样式表 不会应用啊？？那这个需求感觉在组件场景里面 基本都会用到啊 这个是组件的slot slot进去的这个标签是公用的 可能只是内容不一样，那岂不是每个页面都写一遍这个样式哦？本来就是属于组件的内容
@LastLeaf 对哇~可不知道为何我写在组件样式表里面没有应用。而且slot="icon" 不应该是被 view class="c-hoverbtn" 包住吗？可为何工具上面显示是不包的，大家都是同级。是我代码问题吗？
@LastLeaf
引入页面：
<c-hoverbtn class="c-hoverbtn" bind:tapCallback="openCs">
<view slot="icon" class="icon iconfont icon-CS"></view>
</c-hoverbtn>
组件样式表：
.iconfont {
font-size: 18pt;
}
@LastLeaf 如果是组件修改slot的内容样式 ，会继承吗？代码如下：
组件：
<view class="c-hoverbtn" bindtap="tapCallback">
<slot name="icon"></slot>
</view>
卡了一天，一直以为自己写错了 ，各种改名字，看到这个我都要哭了
@LastLeaf 可能是基础库版本比较低的问题，换成1.6.6的了，再看看问题会不会重现。
经常会整个组件都不渲染，要把整个项目从开发者工具中删除，然后重新导入才会渲染，这是为什么？
解决了，按照1楼的方法
解决了吗？