函数已被调用样式为 .icon-large { font-size: 40rpx; } .icon-large.active-icon { font-size: 40rpx; color: red; }

如果函数已被调用但是样式没有应用，那么可能是样式的优先级被其他CSS覆盖了。你可以使用浏览器的开发者工具来检查样式是否正确应用，并查看是否被其他CSS所覆盖。另一种可能是你的isClicked属性被错误地修改了，导致样式没有正确应用。你可以在点击事件的回调函数里加入console.log()语句来查看isClicked属性的值是否正确被修改。

相关问题

<text class="iconfont icon-dianzan-copy icon-large" :class="{ 'active-icon': isClicked }" @click="isClicked = !isClicked"></text>点击图标没反应ying css为 .icon-large{ font-size:36rpx; .active-icon { color: red; } }

根据你提供的CSS代码，我发现其中的.active-icon是一个嵌套在.icon-large选择器中的伪类选择器，这是不被支持的写法。正确的写法应该是：

.icon-large {
font-size: 36rpx;
}
.icon-large.active-icon {
color: red;
}

这样就能正确地显示出红色的图标了。

如何让这个组件靠右.calendar-footer { width: 170rpx; display: flex; justify-content: space-between; padding: 20rpx; } /* 确认和取消按钮样式 */ .footer-btn { font-size: 27rpx; background-color: lightblue; border-radius: 15rpx; padding: 10rpx; }

你可以在父元素上添加一个属性 `justify-content: flex-end;`，这样就可以将子元素靠右对齐了。修改后的代码如下：

.calendar-footer {
  width: 170rpx;
  display: flex;
  justify-content: flex-end; /* 将子元素靠右对齐 */
  padding: 20rpx;
}

/* 确认和取消按钮样式 */
.footer-btn {
  font-size: 27rpx;
  background-color: lightblue;
  border-radius: 15rpx;
  padding: 10rpx;
}