vue使用 element lable的样式修改
2022-10-08 17:22:18
233
{{single.collect_count}}

1.去掉style中的scoped

<style scoped></style>

2.在对应el-form-item的label属性中加入class样式

<el-form-item label="用户名" class="item"><el-input v-model="ruleForm.username" placeholder="请输入用户名" maxlength="10"></el-input></el-form-item>

3.查看当前元素对应style的样式名称

如:.el-form-item__label 添加如下样式代码

.item .el-form-item__label{color: wheat;}

参考链接:https://www.jianshu.com/p/465207874a10

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}