rounded不起作用

问题描述

想要给下拉菜单（日记2里那个复杂的嵌套模板）去掉圆角，但怎么都不起作用。
试了各种各样的办法，rounded-0，tile，写v-menu里，写v-list里。但除了在元素里直接style属性（这个我没试，感觉还没到那一步），无论怎样都没法显示圆角。
通过查看器发现，css里根本没有rounded-0这个类。
怀疑是Vuetify版本旧了（当时看教程说Vue3不兼容Vuetify【这是日记1之后的内容，就是没写日记的20号，日记1安了Vue3很快就换回去了】，Vue装了2，Vuetify也相应让自动选了配置，猜测不会太新），又装上Vue3+Vuetify3，但这个版本改了好多tooltip都没有（当然也可能因为还没开发完）。

解决

在尝试各种Vue和Vuetify的版本组合的过程中，想到了“就拿着Vue2+Vuetify2【项目现在的配置】重新建一遍”的主意。因为没指望成功，取“宁把我整不自信了”的意思，项目取名为inconfident。
结果成功了，项目名改为mul-menu-new。

Font Awesome图标不显示

原来的项目似乎没费什么劲，就显示出了font awesome的图标；而现在重装后不自动显示了。和上面的问题类似，css根本就没有fa类（而且这次更离谱，node_modules里就没有font-awesome）。
在font awesome官网上浪费了不少时间，最后还是参考一篇CSDN：
- npm安装时，包名直接叫font-awesome。不知道官网的@fortawesome/fontawesome-free为什么不能用，但这个能用。
- 之后在main.js里加上import 'font-awesome/css/font-awesome.min.css'。
然后就显示了。
【后知后觉：是不是因为我照抄了Vuetify官网上的代码，加了-D，然后它就只装在开发模式？而我平常的npm run serve……可是那也是开发模式啊……】

rounded不起作用-新发现

偶然发现，装载<MenuBar>组件的元素本来是<v-main>，而新项目改成了默认的<v-app>。改回<v-main>后，圆角立刻消失了！
也就是说，问题其实不是项目装错，而是<v-main>和<v-app-bar data-app>的爆炸性配合……话说2.6.0版v-app-bar有data-app这个属性吗？
另外，之前一直在看旧的Vuetify官网，今天调版本才发现。

支线-回收站爆炸

我有毛病，每当一步走错，就想重新开始。于是我意识到之前项目可能没问题后（而且还一次装对了font awesome！我对一次做对总有种执念），又从回收站捞回了mul-menu。
但可能我删过好几个mul-menu覆盖掉了，或者不知怎么样，反正救回来的mul-menu有好多不对的地方，比如App.vue变成了初始的<HelloWorld>。
于是我庆幸着mul-menu-new还没删，又把这边跑起来了。

继续

删掉data-app后，菜单整个不弹了！
所以这玩意封装得整个没有痕迹，完全没有文档显式地告诉我每种搭配会发生什么，或者为什么这么设计……
现在v-app-bar和原来长得不太一样，又很难说出具体的不同；而且，阴影消失了……
搞了半天没想明白去看范例，嗐，就是多加个<v-app-bar app>……

明天计划

怎么就凌晨了，该睡觉了。
今天还把组件拆了出来，包括多语言也做了单独的文件。
项目安上了axios，明天开始做HTTP请求。

【con】rounded不起作用（前端bug日记3）相关推荐

前端自学日记-day5
前端自学日记 day5 内容总结:学习了代码快速编写方法和一些小工具,CSS复合选择器,CSS元素显示模式,CSS背景. 1.学习进度更新 2.具体内容 2.1 Emmet简介作用:使用缩写tab输 ...
前端自学日记-day3
前端自学日记 day3 内容总结:学习了表格标签,列表标签,表单标签. 1.学习进度更新 2.具体内容常用标签 2.1 表格标签 2.1.1 作用表格标签是用来在页面中展示数据的. 2.1.2 标 ...
前端实习日记——前端开发环境配置清单
前端实习日记--前端开发环境配置清单实习日记篇说明: 作为前端小菜鸟,初入职场实习,希望将所感所获简单总结,分享给同样处于新手期的小伙伴们,和大家共同成长~ 实习第一步:配环境! 实习第一天,自然是 ...
后端拼接html能做判断吗,怎么判断是前端bug还是后端bug？
在提bug时,只有明确定位是前端bug还是后端bug,才能正确指派给对应的开发同学,如果经常分不清楚,一直需要开发同学重新指派,不仅浪费了时间,还会被开发同学吐槽,今天就带大家解锁一些区分前后端bug ...
2 安装失败_写bug日记2：PYTORCH GEOMETRIC安装失败的问题（未解决）
报错信息: import torch_sparse 返回 OSError: libcusparse.so.10: cannot open shared object file: No such fil ...
IE8/9的几个前端bug解决方案
IE8/9的几个前端bug解决方案参考文章: (1)IE8/9的几个前端bug解决方案 (2)https://www.cnblogs.com/joyeecheung/p/3935444.html ( ...
如何区分前端BUG和后端BUG
1.如何区分前端和后端通俗讲,用户看到的部分都叫前端. 而用户看不到的部分可以统称为后端. 2.前端和后端的呈现形式前端的呈现形式有web端.移动端(ios.安卓).小程序等. 后端系统一般只有一 ...
【判断是前端bug还是后端bug】
判断是前端bug还是后端bug 一.界面相关,排版错乱,文案错误等问题,大都属于前端bug 1.出现样式的问题基本都是CSS的bug 2.出现文本的问题基本都是html的bug 3.出现交互类的问题基 ...
复测前端BUG一定要清缓存吗？
读者提问:阿常老师,请问复测前端 BUG 是否一定要先清缓存 ? 阿常回答:看情况,不一定都需要清缓存. 测试同学在复测前端 BUG 时,发现 BUG 依然能重现,心里很郁闷,怎么还是没改好 ,其实开 ...

【con】rounded不起作用（前端bug日记3）

—目录—

rounded不起作用

问题描述

解决

Font Awesome图标不显示

rounded不起作用-新发现

支线-回收站爆炸

继续

明天计划

【con】rounded不起作用（前端bug日记3）相关推荐

最新文章

热门文章