草庐IT

material-icons

全部标签

element-ui更改图标icon大小

element-ui改变icon大小在template里面加入div再在style样式中.change-icon{font-size:20px;}这就相当于给块组件赋予了形状大小的属性。

element UI中的折叠面板(el-collapse)点击icon和标题展开

1.在使用element-ui的折叠面板时,点击标题栏的按钮不展开面板内容:项目:{{i.name}}编辑删除通过设置@click.stop="showCollapse()",阻止冒泡,点击按钮不再开展。2. 想要改变折叠面板中icon位置 找到折叠面板中icon位置,css设置如下:.ep-collapse-item__arrow{flex:10auto;order:-1;}样式如下

could not resolve dependency: npm err! peer react@“^16.8.0 || ^17.0.0“ from @material-ui/core@4.12.4

问题在执行npminstall时看到以下错误:couldnotresolvedependency:npmerr!peerreact@"^16.8.0||^17.0.0"from@material-ui/core@4.12.4环境"dependencies":{"@material-ui/core":"^4.12.4","@material-ui/icons":"^4.11.3","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.3.0","@testing-library/user-event":"^13.5

uniapp uni-icons 组件为例 带着大家使用并熟悉一次文档

uni的组件都可以直接进入官网https://uniapp.dcloud.net.cn/然后点击右上角的搜索直接在输入框中搜索uni-icons下面内容就都出来了在最上面先点击下载和按在进入界面后点击箭头指向出进行下载如果你系统有HBuilderX就会自动打开要你选择安装在哪一个项目里如果你的HBuilderX有项目在运行则无法安装安装成功后我们继续回到刚才的文档先看下面的API看看每个字段都是干什么的这里我们只需要两个size控制尺寸大小的type控制图标的方案类型他让我们参考案例然后我们看案例这里就有非常多的图标给我选最上面就是基础用法那么我们就可以理解为uni-iconstype="图标

javascript - 如何在点击时创建波纹效果 - Material Design

我是CSS动画的新手,在过去的几个小时里,我一直在努力通过查看他们的代码来使他们的动画正常工作,但我现在无法让它正常工作。我说的是这个效果:https://angular.io/(菜单效果)。基本上,它是一个点击动画,从鼠标光标展开一个圆圈。似乎归结为这两行:transition:box-shadow.4scubic-bezier(.25,.8,.25,1),background-color.4scubic-bezier(.25,.8,.25,1),-webkit-transform.4scubic-bezier(.25,.8,.25,1);transition:box-shadow.

javascript - 如何在点击时创建波纹效果 - Material Design

我是CSS动画的新手,在过去的几个小时里,我一直在努力通过查看他们的代码来使他们的动画正常工作,但我现在无法让它正常工作。我说的是这个效果:https://angular.io/(菜单效果)。基本上,它是一个点击动画,从鼠标光标展开一个圆圈。似乎归结为这两行:transition:box-shadow.4scubic-bezier(.25,.8,.25,1),background-color.4scubic-bezier(.25,.8,.25,1),-webkit-transform.4scubic-bezier(.25,.8,.25,1);transition:box-shadow.

javascript - 使用 momentjs 更改 Angular Material 中的 md-datepicker 格式

Angularmaterial引入了新的日期选择器组件here.我希望此组件返回的日期采用yyy-mm-dd格式,但我不确定这是如何完成的。通过搜索发现可以使用$mdDateLocaleProvider,但是没有找到使用的例子。谁能给我一个格式化md-datepicker返回日期的工作示例? 最佳答案 有$mdDateLocaleProvider的文档在AngularMaterial文档中。angular.module('app').config(function($mdDateLocaleProvider){$mdDateLoca

javascript - 使用 momentjs 更改 Angular Material 中的 md-datepicker 格式

Angularmaterial引入了新的日期选择器组件here.我希望此组件返回的日期采用yyy-mm-dd格式,但我不确定这是如何完成的。通过搜索发现可以使用$mdDateLocaleProvider,但是没有找到使用的例子。谁能给我一个格式化md-datepicker返回日期的工作示例? 最佳答案 有$mdDateLocaleProvider的文档在AngularMaterial文档中。angular.module('app').config(function($mdDateLocaleProvider){$mdDateLoca

微信小程序项目中使用icon图标

效果:步骤:1、先让ui负责人把你的账号加入到项目中,加入到项目中后就可以在icon图标库中看到该项目2、在小程序中使用新建一个view,在上面加一个class,复制icon名字上去即可,注意格式,格式为iconfonticon名。iconfont这个前缀不是固定的,根据icon名字来,icon的前缀为my-icon-xxxx,那么前缀就是my-icon没有前缀或者设置了前缀,一般都是使用iconfont,根据项目视情况而定,这里以my-icon举例。my-iconmy-icon-fontxxx//前缀icon名//使用iconviewclass="fontxxxmy-iconmy-icon-

uni-ui组件库uni-icons不显示

问题:按照官方文档用yarn引用了uni-ui组件库并且在pages.json和vue.config.js中配置了相关的内容后使用uni-icon效果如下: 使用uni-icons的地方图标都未显示成功解决:1-按照项目名称\node_modules\@dcloudio\uni-ui\lib\uni-icons目录找到uni-icons目录2-将uni-icons目录放到src目录下的components目录下3-在pages.json文件中添加配置项 "easycom":{     "autoscan":true,     "custom":{        "^uni-((?!(shado