![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
调整vue样式
文章平均质量分 51
仙女不下凡
前端萌新,逐步记录自己的变化
展开
-
常用方法——8.ant 气泡卡片Popover的样式修改 (vue3)
【代码】常用方法——8.ant 气泡卡片Popover的样式修改 (vue3)原创 2023-01-31 10:47:55 · 2279 阅读 · 4 评论 -
常用方法——3.CSS中去掉input输入框的默认属性,修改placeholder属性的文字颜色
input输入框的默认属性<style> input{ background:none; outline:none; border:none; }</style>去掉选中时的蓝色框<style> input:focus{ border:none; }</style>修改placeholder属性的文字颜色<style>input::-webkit-input-placeholder.原创 2021-11-29 17:32:07 · 1551 阅读 · 0 评论 -
综合案例__2.使用vue框架写一个简单的登录页面注册表单
????使用vue框架写一个简单的登录页面注册表单效果图示例代码如下<body> <div @submit.prevent="demo"> /prevent阻止默认行为/ <form action=""> <label for="demo">账号:</label><input type="text" v-model.trim="demo"> <br/> /trim去掉前后空格/原创 2021-09-08 15:06:08 · 1688 阅读 · 0 评论 -
vue element 每点击一次按钮添加一个新的弹窗
项目效果如下图:项目要求:① 点击【加入商品/套餐】,生成新的card;② 同时生成的card中的【类型】、【名称】互不干扰;③ 【名称】中的下拉内容,通过后台接口获取,同时也需要接收"id";④ 需要把【类型】【名称】的内容拼接成,例如:1111,2222,3333的字符串传给后台;⑤ 当【类型】不同时,把【名称】和【id】拼接后传给不同的字段;⑥ card至少保留一个,同时【类型】【名称】必须都填写。下面系统写一下项目内容:分为三部分HTML代码部分、js代码部分、对代码意义的讲解第原创 2021-06-11 11:45:44 · 1633 阅读 · 2 评论 -
2.常见报错-如何修改element组件的样式,及解决/deep/报错
直接用::v-deep代替/deep/::v-deep .el-dialog { width: 70%;}::v-deep .el-step { margin: -30px 0 0 20px;}这样相关组件的样式就修改好了如果有多个el-dialog弹窗只修改一个或者,然后给修改样式的弹窗加class=“clearfix-r”,当然class名称可以随便命名..clearfix-r::v-deep .el-dialog { background-color: #f0f8ff;原创 2021-05-14 18:13:54 · 1079 阅读 · 0 评论