精华内容
下载资源
问答
  • 自定义图标

    千次阅读 2016-07-14 10:48:19
    在实际项目中,开发者难免会需要自定义图标,此时该如何操作呢?本文以阿里巴巴矢量图标库为例,介绍一种用户自定义图标的方法,假设我们要做一个电商项目,需要补充男装、女装、购物车三个图标,如下为分步实现操作...
       在实际项目中,开发者难免会需要自定义图标,此时该如何操作呢?本文以阿里巴巴矢量图标库为例,介绍一种用户自定义图标的方法,假设我们要做一个电商项目,需要补充男装、女装、购物车三个图标,如下为分步实现操作;

    1、登录

     浏览器访问阿里巴巴矢量图标库官网,选择登录方式,可直接使用新浪微博账号登录;



    2、搜索图标

    (1)、在搜索框“通知”,会列出当前网站上的所有通知图标,如下:


    (2)、选择自己喜欢的图标,点击,会添加到右上角的购物车中,如下:




    (3)、同样的方式分别搜索选择签到、轨迹图标,结果如下:



    (4)、之后点击“存储为项目”,输入项目名字,例如“mui”,点击“存储”按钮后,会跳转到项目管理页面,如下图所示:


    3、下载字体

       点击“下载到本地”按钮,会将合并后的字体文件及自动生成的css全部下载,如下:



    4、修改css

    默认的css代码如下:

    @font-face {font-family: "iconfont";
      src: url('iconfont.eot?t=1468463291'); /* IE9*/
      src: url('iconfont.eot?t=1468463291#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('iconfont.woff?t=1468463291') format('woff'), /* chrome, firefox */
      url('iconfont.ttf?t=1468463291') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
      url('iconfont.svg?t=1468463291#iconfont') format('svg'); /* iOS 4.1- */
    }
    
    .iconfont {
      font-family:"iconfont" !important;
      font-size:16px;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }
    .icon-tongzhi:before { content: "\e600"; }
    .icon-guiji:before { content: "\e601"; }
    .icon-qiandao-copy:before { content: "\e602"; }
    

    我们可稍作如下修改:
      (1)、为保证和mui目录结构统一,建议将字体文件放在fonts目录下,这样我们需要修改@font-face下得url属性;
      (2)、只兼容iOS和Android版本的话,我们仅需要ttf格式的字体即可,其它字体可以删除;同时,我们也仅需保留-webkit前缀语法,-moz前缀部分可以删除;


    修改后的css代码如下:

    @font-face {font-family: "iconfont";
      src:url('../fonts/iconfont.ttf?t=1468463291')}
    .iconfont {
      font-family:"iconfont" !important;
      font-size:16px;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }
    .icon-tongzhi:before { content: "\e600"; }
    .icon-guiji:before { content: "\e601"; }
    .icon-qiandao-copy:before { content: "\e602"; }
    


    5、集成mui


      将iconfont.css及iconfont.ttf两个文件分别拷贝到mui工程css及fonts目录下。


    然后即可在mui中引用刚生成的字体图标,代码如下:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="utf-8">
    		<title>Hello MUI</title>
    		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    		<meta name="apple-mobile-web-app-capable" content="yes">
    		<meta name="apple-mobile-web-app-status-bar-style" content="black">
            <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    		<!--标准mui.css-->
    		<link rel="stylesheet" href="../css/mui.min.css">
    		<!--App自定义的css-->
    		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
    	</head>
    
    	<body>
    
    		<header class="mui-bar mui-bar-nav">
    		    <h1 class="mui-title">自定义图标</h1>
    		</header>
    		<div class="mui-content">
    			<!--触发字符:mgrid-->
    		        <ul class="mui-table-view mui-grid-view mui-grid-9">
    		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
    		                    <span class="mui-icon iconfont icon-qiandao-copy"></span>
    		                    <div class="mui-media-body iconfont">签到</div></a></li>
    		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
    		                    <span class="mui-icon iconfont icon-tongzhi"></span>
    		                    <div class="mui-media-body">通知</div></a></li>
    		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
    		                    <span class="mui-icon iconfont icon-guiji"></span>
    		                    <div class="mui-media-body">轨迹</div></a></li>
    		    
    		        </ul> 
    		</div>
    	</body>
    	<script src="../js/mui.min.js"></script>
    	<script>
    		mui.init({
    			swipeBack:true //启用右滑关闭功能
    		});
    	</script>
    </html>

      修改后预览效果如下:












    展开全文
  • windows自定义图标Personalizing your icons is a great way to make a PC uniquely yours. Let’s take a look at the different ways Windows lets you customize your icons. 个性化您的图标是使PC独树一帜的好...
    windows自定义图标

    windows自定义图标

    custom icons shown on desktop

    Personalizing your icons is a great way to make a PC uniquely yours. Let’s take a look at the different ways Windows lets you customize your icons.

    个性化您的图标是使PC独树一帜的好方法。 让我们看一下Windows允许您自定义图标的不同方式。

    Windows has some built-in icons you can choose from, but there is also an untold number of icons you can download from sites like IconArchive, DeviantArt, and Iconfinder—all of which have loads of free icons. And if you can’t find something you like, you can even make high-resolution icons out of any image.

    Windows提供了一些内置图标供您选择,但是您也可以从IconArchiveDeviantArtIconfinder等网站下载大量图标,所有这些图标都包含大量免费图标。 如果找不到喜欢的东西,甚至可以从任何图像中制作出高分辨率的图标

    Once you have the icons of your dreams, save them in a safe place—some of these processes will require they stay in a particular location on your PC. In other cases, you’ll probably want them there just in case something goes wrong and you have to re-apply them.

    拥有梦想中的图标后,请将其保存在安全的地方-其中一些过程将要求它们留在PC上的特定位置。 在其他情况下,您可能希望它们在那里,以防万一出问题了,您必须重新应用它们。

    更改您的桌面图标(计算机,回收站,网络等) (Change Your Desktop Icons (Computer, Recycle Bin, Network, and So On))

    Icons like This PC, Network, Recycle Bin, and your User folder are all considered “desktop icons,” even though modern versions of Windows don’t show them all on the desktop. Windows 8 and 10 don’t show any of the desktop icons except for Recycle Bin, and even Windows 7 doesn’t show them all. For a complete rundown, check out our guide to restoring missing desktop icons in Windows 7, 8, or 10.

    即使现代版本的Windows不能在桌面上全部显示这些图标,例如“本PC”,“网络”,“回收站”和“用户”文件夹之类的图标也被视为“桌面图标”。 Windows 8和10除回收站外不显示任何桌面图标,甚至Windows 7也不显示所有图标。 有关完整的概述,请查看我们的指南,以恢复Windows 7、8或10中丢失的桌面图标

    But you can still change how these icons appear elsewhere on your system. To do so, you’ll need to access the “Desktop Icon Settings” window to turn these icons on and off or to change the associated icons.  In Windows 10, you can access this window through Settings > Personalization > Themes > Desktop Icon Settings. In Windows 8 and 10, it’s Control Panel > Personalize > Change Desktop Icons.

    但是您仍然可以更改这些图标在系统中其他位置的显示方式。 为此,您需要访问“桌面图标设置”窗口以打开和关闭这些图标或更改关联的图标。 在Windows 10中,您可以通过“设置”>“个性化”>“主题”>“桌面图标设置”访问此窗口。 在Windows 8和10中,它是控制面板>个性化>更改桌面图标。

    Use the checkboxes in the “Desktop icons” section to select which icons you want on your desktop. To change an icon, select the icon you want to change and then click the “Change Icon” button.

    使用“桌面图标”部分中的复选框,选择要在桌面上使用的图标。 要更改图标,请选择要更改的图标,然后单击“更改图标”按钮。

    choose an icon and click the change icon button

    In the “Change Icon” window, you can select any icon you want from the built-in Windows icons, or you can click “Browse” to locate your own icon files.

    在“更改图标”窗口中,您可以从内置的Windows图标中选择所需的任何图标,也可以单击“浏览”以找到自己的图标文件。

    click a built-in icon or click the browse button

    If you browse for your own icons, you can select any EXE, DLL, or ICO file. After selecting the file, the “Change Icon” window will show the icons contained in the file you selected. Click the one you want and then click “OK.” Here, we’re changing the “This PC” icon to use one that looks more like a laptop than a desktop.

    如果浏览自己的图标,则可以选择任何EXE,DLL或ICO文件。 选择文件后,“更改图标”窗口将显示所选文件中包含的图标。 单击所需的一个,然后单击“确定”。 在这里,我们正在更改“此PC”图标,以使用看起来更像笔记本电脑而不是台式机的图标。

    choose an icon and click OK

    After changing your icon, you should see the new icon used in File Explorer, on the Desktop, and in the taskbar when the folder is open.

    更改图标后,打开文件夹后,应该在文件资源管理器,桌面和任务栏中看到新图标。

    custom icon shown on desktop

    And if you want to reverse the change, you can always go back to the “Desktop Icon Settings” window, select the icon you want to change back, and then click “Restore Default.”

    如果要撤消更改,则始终可以返回到“桌面图标设置”窗口,选择要更改回的图标,然后单击“恢复默认值”。

    restoring the default desktop icons

    更改文件夹图标 (Change Folder Icons)

    Changing the icon for a folder is not only a good way to pretty things up, but also to call attention to important items. To change a folder icon, right-click the folder you want to change and then choose “Properties.”

    更改文件夹图标不仅是美观的一种好方法,而且还可以引起人们对重要项目的注意。 要更改文件夹图标,请右键单击要更改的文件夹,然后选择“属性”。

    select properties from a folder's context menu

    In the folder’s properties window, switch to the “Customize” tab and then click the “Change Icon” button.

    在文件夹的属性窗口中,切换到“自定义”选项卡,然后单击“更改图标”按钮。

    click change icon button on the customize tab

    In the “Change Icon” window, you can select any icon you want from the built-in Windows icons, or you can Click “Browse” to locate your own icons.

    在“更改图标”窗口中,您可以从内置Windows图标中选择所需的任何图标,也可以单击“浏览”以找到自己的图标。

    click an icon or click browse

    If you browse for your own icon file, you can select any EXE, DLL, or ICO file. After selecting the file, the “Change Icon” window will show the icons contained in the file you selected. Click the one you want and then click “OK.” Here, we’re changing the icon for this folder to a red one to make it stand out more.

    如果浏览自己的图标文件,则可以选择任何EXE,DLL或ICO文件。 选择文件后,“更改图标”窗口将显示所选文件中包含的图标。 单击所需的一个,然后单击“确定”。 在这里,我们将该文件夹的图标更改为红色,以使其更加突出。

    choose an icon and click OK

    And back in the properties window, click “OK.”

    然后返回属性窗口,单击“确定”。

    click OK to exit properties window

    The folder should now show up with the new icon.

    该文件夹现在应显示带有新图标。

    new icon shown in file explorer

    This feature works by creating a hidden Desktop.ini file inside the folder that contains a few lines of data something like the following:

    此功能通过在包含几行数据的文件夹内创建一个隐藏的Desktop.ini文件来起作用,如下所示:

    [.ShellClassInfo]
    IconResource=D:\Walter\Documents\Icons\Oxygen-Icons.org-Oxygen-Places-folder-red.ico,0
    [ViewState]
    Mode=
    Vid=
    FolderType=Generic
    

    This is one of the cases where you absolutely must keep the ICO file in whatever location you had it when you applied the icon. Put it somewhere you know you won’t delete it first, or make the ICO file hidden.

    这是在应用图标时绝对必须将ICO文件保存在任何位置的情况之一。 将其放在您不会首先删除它或隐藏ICO文件的位置。

    And if you want to fine-tune how folders look and operate on your PC, you should also explore how to customize folder views with Windows’ five templates and how to customize folder view settings in Windows.

    而且,如果您想微调文件夹在PC上的外观和操作方式,还应该探索如何使用Windows的五个模板来自定义文件夹视图以及如何在Windows中自定义文件夹视图设置

    更改文件类型的图标 (Change the Icon for a Type of File)

    You can also change the icon for specific file types (those that end in certain extensions) so that all files of that type use the new icon. Why bother to do this? Suppose, for example, you use an image editing program that uses essentially the same icon for all the different types of image files it supported—PNG, JPG, GIF, and so on. You might find it more convenient if each of those file types used a different icon, so they were easier to distinguish—especially if you keep multiple file types in the same folder.

    您还可以更改特定文件类型(以某些扩展名结尾的文件)的图标,以使该类型的所有文件都使用新图标。 为什么要这样做呢? 例如,假设您使用一个图像编辑程序,对于它所支持的所有不同类型的图像文件(PNG,JPG,GIF等),其本质上都使用相同的图标。 如果这些文件类型中的每一个都使用不同的图标,则可能会更方便,因此它们更容易区分-特别是如果您在同一文件夹中保留多个文件类型。

    Unfortunately, there’s no built-in way to do this in Windows. Instead, you’ll need to download a free tool to do the job: File Types Manager by Nirsoft. We’ve got a complete guide to using File Types Manager to change the icon for a certain file type, so if you think this would be useful for you, give it a read!

    不幸的是,Windows没有内置的方法可以做到这一点。 相反,您需要下载一个免费工具来完成这项工作:Nirsoft的File Types Manager 。 我们已经为使用文件类型管理器更改特定文件类型的图标提供了完整的指南,因此,如果您认为这对您有用,请仔细阅读!

    filetypesman window

    The one type of file that File Types Manager is not good at handling, though, is executable (EXE) files. For that, we’ve got another free tool recommendation: Resource Hacker. And of course, we also have a guide on using it to modify the icon for an EXE file.

    但是,文件类型管理器不擅长处理的一种文件类型是可执行(EXE)文件。 为此,我们还有另一个免费工具推荐: Resource Hacker 。 当然,我们也提供使用它来修改EXE文件图标的指南。

    更改任何快捷方式的图标 (Change the Icon of Any Shortcut)

    Changing the icon for a shortcut in Windows is also pretty simple and works the same whether it’s a shortcut to an app, folder, or even Command Prompt command. Right-click the shortcut and choose “Properties.”

    在Windows中更改快捷方式的图标也非常简单,并且无论是应用程序,文件夹乃至命令提示符命令的快捷方式,其作用都相同。 右键单击快捷方式,然后选择“属性”。

    choose properties command on shortcut's context menu

    On the “Shortcut” tab, click the “Change Icon” button.

    在“快捷方式”选项卡上,单击“更改图标”按钮。

    click change icon button on the shortcut tab

    This opens the standard “Change Icon” window we’ve seen a couple of times already. Choose one of the default icons or browse to any EXE, DLL, or ICO file that contains icons. After making and applying your selection, you’ll see the new icon in File Explorer, on the Desktop, or on the taskbar if you have your Shortcut pinned there.

    这将打开标准的“更改图标”窗口,我们已经看到过几次了。 选择默认图标之一,或浏览到包含图标的任何EXE,DLL或ICO文件。 做出选择并应用选择之后,如果将快捷方式固定在文件管理器,桌面或任务栏上,则会看到新图标。

    choose icon or click browse

    If you want, you can even customize those shortcut icons further by removing (or changing) the arrow overlays or preventing Windows from adding the “- Shortcut” text.

    如果需要,您甚至可以通过删除(或更改)箭头覆盖阻止Windows添加“-快捷方式”文本来进一步自定义这些快捷方式图标。

    更改固定在任务栏上的应用程序图标 (Change the Icon of Apps that Are Pinned to the Taskbar)

    Icons that are pinned to your taskbar are really shortcuts—they just don’t have the arrow overlay and “- Shortcut” text normally associated with shortcuts. As such, you can customize their icons in nearly the same way that you customize any shortcut icon. You just need to keep a few things in mind:

    固定在任务栏上的图标实际上是快捷方式-它们只是没有箭头覆盖和通常与快捷方式相关联的“-快捷方式”文本。 这样,您几乎可以像自定义任何快捷方式图标一样自定义其图标。 您只需要记住以下几点:

    • You can only customize the icons of apps that are actually pinned to the taskbar. If the icon is only on the taskbar because the app is currently running and it isn’t pinned there, you can’t customize it. So, pin it first.

      您只能自定义实际固定在任务栏上的应用程序的图标。 如果该图标仅在任务栏上,因为该应用程序当前正在运行且未固定在该图标上,则无法自定义它。 因此,请先固定它。
    • If an app is pinned, but is currently running, you’ll need to close the app before you can change the shortcut icon.

      如果某个应用已固定但当前正在运行,则需要先关闭该应用,然后才能更改快捷方式图标。
    • Just right-clicking a pinned app shows you the app’s jumplist. To access the regular context menu instead, hold the Shift key down while right-clicking the icon. Choose “Properties” from that menu and then the rest of the process will be familiar to you from the previous section.

      只需右键单击固定的应用程序即可显示该应用程序的跳转列表。 要改为访问常规上下文菜单,请在右键单击图标的同时按住Shift键。 从该菜单中选择“属性”,然后您将在上一节中熟悉其余的过程。
    choose properties command on taskbar shortcut's context menu

    在文件资源管理器中更改任何驱动器的图标 (Change the Icon of any Drive in File Explorer)

    There’s no simple built-in way to change the icons for drives in Windows. That doesn’t mean you can’t do it though. The easy way is to use a free app named Drive Icon Changer. There’s also a way that works a bit differently and involves a little Registry editing. You can read all about both methods in our guide to changing drive icons in Windows.

    没有简单的内置方法可以更改Windows中驱动器的图标。 但这并不意味着您不能这样做。 简单的方法是使用名为Drive Icon Changer的免费应用程序。 还有一种工作方式略有不同,并且涉及少许注册表编辑。 您可以在我们的Windows更改驱动器图标指南中阅读有关这两种方法的全部信息。

    drive icon changer window

    Drive Icon Changer is the easiest way, though you can do it from the registry if you’d prefer not to use extra software.

    Drive Icon Changer是最简单的方法,但是如果您不想使用其他软件,则可以从注册表中进行操作。



    Hopefully, this gives you enough information about changing icons that you can make things look just the way you want them.

    希望这可以为您提供有关更改图标的足够信息,使您可以使事物看起来像您想要的样子。

    翻译自: https://www.howtogeek.com/howto/13631/customize-your-icons-in-windows-7-and-vista/

    windows自定义图标

    展开全文
  • ios 自定义图标TL;DR: The “Shortcuts” app allows you to upload photos when you “Add to Home Screen.” This way, the shortcut you add to the home screen will open the desired app with the icon of ...

    ios 自定义图标

    TL;DR: The “Shortcuts” app allows you to upload photos when you “Add to Home Screen. This way, the shortcut you add to the home screen will open the desired app with the icon of your choice.

    TL; DR: “快捷方式”应用程序允许您在“添加到主屏幕”时上传照片。 这样,您添加到主屏幕的快捷方式将使用您选择的图标打开所需的应用。

    1.打开“快捷方式”应用 (1. Open the “Shortcuts” app)

    Open the Shortcuts app

    2.点击“ +”按钮添加新的快捷方式(2. Add a new shortcut by tapping on the “+” button)

    Add a new shortcut by tapping on the “+” button

    3.点击“添加操作”按钮(3. Tap on the “Add Action” button)

    Tap on the Add Action button

    4.选择“脚本”选项(4. Select the “Scripting” option)

    Select the Scripting option

    5.点击“打开应用”按钮(5. Tap on the “Open App” button)

    Tap on the “Open App” button

    6.选择要为其自定义图标的应用程序(6. Select the app for which you want to customize the icon)

    Select the app for which you want to customize the icon

    7.点击水平省略号(“…”)(7. Tap on the horizontal ellipsis (“…”))

    Tap on the horizontal ellipsis (“…”)

    8.点击“添加到主屏幕”按钮 (8. Tap on the “Add to Homescreen” button)

    Tap on the “Add to Homescreen” button

    9.选择图标的名称,然后点击图标(9. Select a name for the icon, and then tap on the icon)

    Select a name for the icon, and tap on the icon

    10.点击“选择照片”按钮(10. Tap on the “Choose Photo” button)

    Tap on the “Choose Photo” button

    11.选择一个图像作为图标(11. Select an image for your icon)

    Select an image for your icon

    12.点击“添加”按钮(12. Tap on the “Add” button)

    Tap on the “Add” button

    The icon should now be on your home screen!

    图标现在应该在主屏幕上!

    Image for post

    I’m currently working on an icon set for all the apps that I use frequently. If this interests you, feel free to reach out, and I’d be more than happy to make this available for you.

    我目前正在为我经常使用的所有应用程序设置图标集。 如果您对此感兴趣,请随时与我们联系,我们非常乐意为您提供此服务。

    翻译自: https://uxdesign.cc/how-to-set-custom-icons-for-ios-14-519482123ba7

    ios 自定义图标

    展开全文
  • 易语言源码置文件夹自定义图标和背景.rar 易语言源码置文件夹自定义图标和背景.rar 易语言源码置文件夹自定义图标和背景.rar 易语言源码置文件夹自定义图标和背景.rar 易语言源码置文件夹自定义图标和背景.rar ...
  • ZTREE 自定义图标

    千次阅读 2019-06-15 08:23:30
    自定义图标 – icon 属性: 1、setting 配置信息说明 自定义图标不需要对 setting 进行特殊配置 2、treeNode 节点数据说明 利用 节点数据的 icon / iconOpen / iconClose 属性实现自定义图标 详细请参见 API 文档中...

    自定义图标 – icon 属性:
    1、setting 配置信息说明
    自定义图标不需要对 setting 进行特殊配置
    2、treeNode 节点数据说明
    利用 节点数据的 icon / iconOpen / iconClose 属性实现自定义图标
    详细请参见 API 文档中的相关内容
    3、其他说明
    由于时间关系,例子直接采用 png 图片,如果需要解决 ie6 下 png 图片的透明问题,请针对 ie6 制作特殊的 gif 图片或者利用 css filter 解决
    JS插件:
    在这里插入图片描述
    CSS插件:
    在这里插入图片描述
    对于简单的树来说,自定义图标可以使树更美观。这就需要写一些样式给它:
    在这里插入图片描述
    JS部分的代码也有所不同:
    var setting = { data: { simpleData: { enable: true } } };
    在这里插入图片描述
    传数据是一样的:
    $(document).ready(function () {
    .fn.zTree.init(.fn.zTree.init(("#treeDemo"), setting, zNodes);});
    然后一个自定义图标的树就出来了:
    在这里插入图片描述

    展开全文
  • Easyui 默认图标以及自定义图标

    千次阅读 2018-11-05 15:42:00
    那么如果自带图标不满足需求,就需要自定义图标了 增加自定义图标 1.先找一个想要添加的图标 上网站搜索下载想要的图标(比如我常用的就是“https://www.easyicon.net/”) 在网站中找到想要的图标:注...
  • icon自定义图标

    千次阅读 2018-03-13 17:42:29
    Ionic自定义图标声明:这些都是参考其他大牛的教程,只是记录自己学习经历的文章。单纯为了以后可以回顾一下。所有教程都亲身试验过。1. ionic本身有很多图标,这些矢量图标库都是ionic自定义好的矢量图标文件。...
  • MUI自定义图标

    千次阅读 2019-06-28 08:44:38
    MUI自定义图标 在用HBuilder开发一些手机APP的时候,常常会要用到一些MUI框架里面没有的图标,下面我说一下如何自定义HBuilder的图标。 MUI使用的图标不是图片,而是字体。首先要找到图标源,我用的是阿里巴巴矢量...
  • #RadioButton自定义图标

    千次阅读 2016-05-16 16:06:57
    RadioButton自定义图标
  • Vant自定义图标

    千次阅读 2020-01-06 09:48:27
    使用本地字体文件 Icon 组件默认引用有赞 CDN 提供的字体文件,并通过网络下载。...自定义图标 如果需要在现有 Icon 的基础上使用更多图标,可以引入第三方 iconfont 对应的字体文件和 CSS 文件,之后就可...
  • 百度地图添加自定义图标标注以及自定义动画效果1、添加自定义图标标注2、添加自定义动画效果2.1、标注对象marker的构成2.2、自定义动画效果实现过程2.3、最终实现效果 上次写的是添加自定义图标,但是用的是添加...
  • 参考: 1.http://www.voidcn.com/article/p-rwndjqjw-btm.html 2....目标就是将 替换为这个 首先,通常的maven项目自定义图标方法是这个样的 <plugins> <plugin> <groupI...
  • uview 使用自定义图标

    千次阅读 2020-11-09 15:06:22
    查阅文档:uni-app 的自定义图标 u-icon 操作 1. 下载svg格式的文件(如果是png等图片,先将图片转svg) 2. 上传svg文件到阿里字体图标库 根据需求填写(这里选择上传到项目) 3. 下载解压缩,修改 ...
  • mui自定义图标

    2017-04-06 15:48:45
    mui自定义图标 1、登陆阿里巴巴矢量图标库选择自己想要的图标 2、选择下载代码 3、下载解压后选择标红的两个文件引入 4、CSS保留图片上的即可,要将ttf引入。注意后面要分号 5、在页面引用样式即可。
  • 这个下拉框中左右自定义图标,网上好多案例说的不清楚,且实现起来相当麻烦 看下我的效果图 上代码,基于Vue项目 <div class="subjectleft"> <el-select v-model="value" placeholder="请选择" class=...
  • uniapp 自定义图标icon

    千次阅读 2020-08-06 17:56:52
    uniapp 自定义图标 超级简单准备工作: 例如上边的图标,我们发现都是蓝白切换,这时候用img整个项目就太大了,占内存,这是我们可以把他做成uniapp内置的icon图标。 准备工作: 1.先把图片以svg格式导入阿里图标库...
  • ionic2 tabs 自定义图标

    千次阅读 2017-02-23 11:10:51
    ionic2 tabs 自定义图标 使用矢量图片为ionic2 的tabs自定义icon
  • ionic 自定义图标

    千次阅读 2016-04-08 10:29:19
    ionic自定义图标 概述 Ionic 框架中内置了很多图标,我们只需要引用 ionic icons 中的样式即可     Ionic tabs 示例工程中的 tab 图标 ion-tab title="Chats" // ion-ios7-chatboxes-outline on-ios7...
  • 高德地图 添加自定义图标

    千次阅读 2018-11-08 01:36:22
    高德地图 添加自定义图标
  • 如何给自己的U盘自定义图标

    千次阅读 2018-12-24 00:27:17
    如何给自己的U盘自定义图标 在U盘中创建文本文档 文档名称 autorun 文档格式 inf 在文档中添加一下字段,并保持 [autorun] icon=favicon.ico 如何给自己的U盘自定义图标 拔出U盘重新插入,效果图 如何给自己的U盘...
  • elementUI-添加自定义图标

    万次阅读 2019-10-30 15:16:17
    elementui的小图标有限,跟UI给的不一样,这个时候咋办呢?百度走起。。。。参考了两篇博主分享的 自定义...//自定义图标名el-icon-my- .el-icon-my-statistic{ background: url("./imgs/statistics_icon_no...
  • 记一次tinymce自定义图标经历

    千次阅读 2020-07-12 21:37:59
    tinymce是一个很强大的富文本编辑器,可自定义图标自定义工具等等,这篇文章主要讲如何自定义图标。刚开始我在中文网站上看到有自定义图标的demo但是没有讲如何做的完整步骤,有点不明白,后来发现是自己领悟太低了...
  • vue、vue 所有图标、vue Icon 所有图标、vue 图标所有类型、vue 自定义图标 Icon使用方法1.线框风格1.方向性图标2.提示建议性图标3.编辑类图标4.数据类图标5.网站通用图标6.品牌和标识2.实底风格1.方向性图标2.提示...
  • Echarts地图自定义图标Symbol同时动态更改图标进行切换显示
  • easyui添加自定义图标

    千次阅读 2015-03-18 20:09:22
    easyui添加自定义图标
  • Element-Ui 表格展开的图标改为自定义图标 官方: 实现效果: 可以换成自己需要的图片或者文字
  • flutter之自定义图标

    千次阅读 2019-03-18 13:40:03
    1、第一步 咱们要先确定一下自定义图标的网站,网站地址如下:http://fluttericon.com/。 2、第二步 选择咱们需要的图标,然后点击download。 3、第三步 首先将咱们下载下来的ttf文件放到fonts的目录(其中fonts...
  • 如何给文件夹自定义图标?

    千次阅读 2019-01-10 14:54:24
    如何给文件夹自定义图标? 1.首先下载或者制作图标 免费下载网站 https://www.easyicon.net/ 2.输入你想要的图片名称 3.点击想要下载的图标[注意:windos图标必须是ico结尾的文件] 这里我选择128px,点击ico 4....
  • 我们在案例的视图列表中会看到一列图标,这个图标和我之前讲的视图列添加自定义图标是两码事,这里的图标是根据origin这一列来显示的,比如web、phone、email等等会显示对应的图标。 那要如何添加我们自定义的...
  • 修改Spring Boot自定义图标

    千次阅读 2018-06-04 13:33:57
    1、application.properties在属性文件application.properties中增加以下配置:# 自定义图标spring.mvc.favicon.enabled=false2、favicon.ico生成favicon.ico文件,放到图片文件夹下面。例如:demo/src/main/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 195,484
精华内容 78,193
关键字:

自定义图标