修改avue样式

骑猪看日落 2022-10-07 10:44 16阅读 0赞

把搜索那2个按钮，移到第一排去！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70][]

f12看见代码里面，找到对应的class调整css即可：

<style lang="scss" scoped>
    /deep/ .el-col-md-24 {
      width: 300px;
    }
    
    /deep/ .avue-form__menu {
      padding-top: 0;
    }
    </style>

![20210617155807952.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1][]

参考：

[https://blog.csdn.net/fyydashen/article/details/113611506][https_blog.csdn.net_fyydashen_article_details_113611506]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221005/e1c663bded2c4e24892b4696541044c6.png
[20210617155807952.png]: /images/20221005/c84feee1fa5a4b21b930d9e97397b9b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70 1]: /images/20221005/5e420eb2b3b347aa98c90245b9951135.png
[https_blog.csdn.net_fyydashen_article_details_113611506]: https://blog.csdn.net/fyydashen/article/details/113611506

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 avue-crud 给table的row设置样式

近使用avue 开发前端，遇到了一个问题，给表格的row加样式，看了avue的官方文档，发现确实能解决我的问题，于是我照着官方文档的方式写进了我的代码中，官方文档是这样的...

Love The Way You Lie/ 2024年04月17日 22:30/ 0 赞/ 57 阅读

相关修改placeholder样式

style> ::-webkit-input-placeholder \{ /\* WebKit, Blink, Edge \*/ col...

刺骨的言语ヽ痛彻心扉/ 2024年04月17日 21:54/ 0 赞/ 89 阅读

相关 JavaScript修改样式

建style元素修改样式 <body> <h1>helloworld</h1> <script type="text/ja...

蔚落/ 2024年04月17日 19:58/ 0 赞/ 75 阅读

相关 avue弹窗设置为卡片样式

avue弹窗设置为卡片样式，效果如下：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

不念不忘少年蓝@/ 2023年07月17日 09:46/ 0 赞/ 13 阅读

相关 element select修改样式选择器修改样式

.el-input\_\_inner 未改 ![在这里插入图片描述][20210115094452204.png] 改后 ![在这里插入图片描述][waterma

╰+攻爆jí腚メ/ 2023年01月04日 13:21/ 0 赞/ 332 阅读

相关 Avue.js

Avue.js,一个神奇的框架是为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 [https://www.avuejs.com/doc/installa

清疚/ 2022年12月23日 14:22/ 0 赞/ 119 阅读

相关修改avue样式

把搜索那2个按钮，移到第一排去！ ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

骑猪看日落/ 2022年10月07日 10:44/ 0 赞/ 17 阅读

相关通过样式修改鼠标指针样式

<td οnmοuseοver="this.style.cursor='hand'" οnmοuseοut="this.style.cursor='normal'"

野性酷女/ 2022年06月17日 08:23/ 0 赞/ 376 阅读

相关 bootstrap 修改carousel 样式

修改indicators和底部的间距 > .ol.carousel-indicators\{ > > bottom: 0px; > > margi

灰太狼/ 2022年06月16日 11:16/ 0 赞/ 400 阅读

相关修改el-input样式

HTML代码： <el-input class="textarea" placeholder="请输入用户名" auto-complete="on"></el-inp

港控/mmm°/ 2021年09月30日 02:50/ 0 赞/ 1107 阅读