vue调整图标的大小_Vuetify图标大小

最近我使用Vuetify开发了一个应用程序，并且无法更改Vuetify的默认颜色 . 所以我最终以此结束：

正如它所说，我添加了以下代码：

@require '../node_modules/vuetify/src/stylus/settings/_colors.styl'

$theme := {

primary: #009688

accent: #FFC107

secondary: #00796B

info: #B2DFDB

warning: $red.base

error: $red.base

success: $green.base

}

@require '../node_modules/vuetify/src/stylus/main.styl'

在 App.vue

因此，当我在应用程序中测试更改颜色时，它按预期工作，到目前为止一切顺利 . 然后我注意到它改变了图标的大小，如下图所示：

所以，我的问题是：

Is there a way to solve this problem by not using CSS? If so, how? Or if there's no way, then, how should I solve it using CSS?

vue调整图标的大小_Vuetify图标大小相关推荐

Vue项目改变div大小实现图标大小选择功能
vue项目实现自由选择系统图标大小我想实现一种选择图标大小,然后改变图标的size,项目:Vue+elment-ui: HTML <el-dropdown @command=" ...
android 浮动小图标,android - 调整浮动动作按钮的图标大小（fab）
android - 调整浮动动作按钮的图标大小(fab) 新的浮动操作按钮应为56dp x 56dp,其中的图标应为24dp x 24dp. 所以图标和按钮之间的空间应该是16dp. android: ...
Mac 图标大小 LaunchPad 图标大小
Launchpad图标大小怎么调整?Mac OS X 10.10以后的版本下采用高分辨率模式下,Launchpad的应用程序图标会变很大,空间比较拥挤,那么我们怎样才能调整Launchpad的图标大 ...
iOS Icon Size 快速得到三种大小的图标
在iOS开发中,按钮图标可以放三种大小,常见的是22x22,44x44,66x66,一般来说我们可以在PS中做好图片后,再分别导出三种大小的图标,但是每次要修改图片的大小,操作比较繁琐.这里博主推荐一 ...
vue项目中引入阿里 iconfont 图标动态渲染导航菜单图标
vue + element 后台项目,项目中都是用的 element-ui 的图标但是导航菜单是通过后台数据渲染的,所以在阿里图标库找了图标给后台,再渲染步骤一: 在图标库找到想要的图标,加入购物 ...
vue使用最新版font-awesome字体图标库（内附花式玩法）
安装安装基础依赖: 进入 Vue 项目文件夹,执行如下命令安装基础依赖库. npm i --save @fortawesome/fontawesome-svg-core npm i --save @ ...
在Vue中使用svg格式字体图标
在Vue中使用svg格式字体图标 1.新建一条分支,在新分支上修改,测试无误后合并到开发分支(建议) 2.先安装svg-sprite-loader ( 在打包时处理svg格式并展示到项目中的过滤器 ...
vue+vant图片上传压缩图片大小
vue+vant图片上传压缩图片大小可能在项目中大家都会遇到文件上传的需求,比如头像,图片等,但是太大的文件上传会给服务器造成很大大压力,那么我们就需要压缩上传的文件其实这儿所说的压缩,就是图片重 ...
vue项目中如何使用字体图标，简单清晰明了！
1.登录阿里巴巴图标库官网,创建一个自己的项目,并将对应的svg图片添加或上传到对应的项目中,如下图所示: 2.点击[下载至本地]按钮,将文件夹下载下来: 3.在项目中src/assets目录下创建一 ...
Seaborn使用set_context函数调整绘图标签和线条的大小、设置不同的模式、例如notebook模式、PPT模式、海报模式等、set_context函数可以指定绘图上下文并自动调整标签和线条
Seaborn使用set_context函数调整绘图标签和线条的大小.设置不同的模式.例如notebook模式.PPT模式.海报模式等.set_context函数可以指定绘图上下文并自动调整标签和线条 ...

vue调整图标的大小_Vuetify图标大小

vue调整图标的大小_Vuetify图标大小相关推荐

最新文章

热门文章