Muse UI 样式

Muse UI的icon是国外网站，被墙了所以用这个网址的icon，在index.html文件中引入下面链接：

Muse UI国外网站查看icon

https://www.material.io/tools/icons/?style=baseline

Muse UI 引用阿里巴巴矢量图标

阿里巴巴矢量图标官网：http://www.iconfont.cn/

进入官网寻找需要的图标 - 加入购物车 - 添加至项目 - 下载至本地 - 将iconfont.css文件拷贝到项目中 - 在index.html中引用样式

代码：与以往不同的是需要加属性value，<mu-icon value=":iconfont icon-dizhi1"></mu-icon> 或者直接写<i class="iconfont icon-dizhi1"></i>

<template><div><mu-appbar class="mu-appbar-color"><div slot="left"><span>厦门</span><mu-icon value=":iconfont icon-dizhi1"></mu-icon></div><div >1</div><div slot="right">1</div></mu-appbar></div>
</template>

转载于:https://www.cnblogs.com/dudu123/p/10009544.html

Muse UI 样式相关推荐

muse ui 覆盖其样式
vue 单个页面对muse ui 某个组件样式修改,选中不到解决办法: 1,设置自己的类名,然后修改 2,写在公共样式里,对其进行覆盖
Muse UI — 基于 Vue2.0 的 Material Design UI 库
Vue 2.0 发布以来,很多 vue 的开源项目都开始了升级计划,我也思考着 vue-carbon 的升级之路,9月开工,11月完工, Muse UI 闪亮登场. 先睹为快 Muse UI 主要用于 ...
Muse UI - 优雅的 Material Design 风格 UI 组件
一款基于 Vue 2.0 的 UI 组件库,按 Material Design 设计规范实现,体验优秀,使用简单. Muse UI 介绍 Muse UI 是一款基于 Vue.js 的优雅 UI 组件库 ...
muse ui去除按钮阴影_如何在Photoshop和Adobe Muse中创建按钮
muse ui去除按钮阴影在本教程中,我将向您展示如何在Photoshop中创建按钮以及如何在Adobe Muse项目中使用按钮的所有状态. 一旦设计好Photoshop资源并将其导入到Adobe ...
opencv裁剪图片_前端智能化实践——从图片识别UI样式
导语:前端智能化,就是通过AI/CV技术,使前端工具链具备理解能力,进而辅助开发提升研发效率,比如实现基于设计稿智能布局和组件智能识别等. 本文要介绍的是我在前端智能化的实践:通过计算机视觉技术实现自 ...
hexo（sakura）给博客增添侧边栏（回到顶部，跳转评论，深色模式，播放音乐)Valine-1.4.4新版本尝鲜+个性制定（表情包、qq头像、UI样式）
文章目录 hexo(sakura)给博客增添侧边栏(回到顶部,跳转评论,深色模式,播放音乐) 原理直接使用 Valine-1.4.4新版本尝鲜+个性制定(表情包.qq头像.UI样式) 总结本文全是 ...
Muse UI遇到的坑
写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考.若有不完善的地方,欢迎各位大佬指出,希望对你有帮助! 故事背景是这样的,最近做一个Vue项目,使用到 Muse UI 组件库 ...
vue项目，引入插件element ui 样式不生效
用vue ui 命令引入插件 element ui 样式不生效步骤一:执行如下命令,安装babel-plugin-component npm install babel-plugin-compon ...
android app 仿小米全面屏手势返回UI样式
1.概述在app开发中,最近有功能要求仿小米全面屏左右手势返回样式做手势返回的UI样式定制,所以就需要了解相关功能然后开发,在android系统api可以中用贝塞尔曲线实现相关的功能效果图: 2. ...

Muse UI 样式

Muse UI 样式相关推荐

最新文章

热门文章