草庐IT

icon-border

全部标签

手摸手,带你优雅的使用 icon

演进史首先我们来说一下前端icon的发展史。远古时代在我刚开始实习时,大部分图标都是用img来实现的。渐渐发现一个页面的请求资源中图片img占了大部分,所以为了优化有了imagesprite就是所谓的雪碧图,就是将多个图片合成一个图片,然后利用css的background-position定位显示不同的icon图标。但这个也有一个很大的痛点,维护困难。每新增一个图标,都需要改动原始图片,还可能不小心出错影响到前面定位好的图片,而且一修改雪碧图,图片缓存就失效了,久而久之你不知道该怎么维护了。font库后来渐渐地一个项目里几乎不会使用任何本地的图片了,而使用一些font库来实现页面图标。常见的如

微信小程序开发笔记 进阶篇④——基于iconfont快速实现icon图标显示

文章目录一、iconfont素材网二、iconfont项目设置三、微信小程序项目配置四、全部源码一、iconfont素材网进入iconfont素材网挑选想要的素材,加入购物车点击右上角购物车图标,将图标添加至项目二、iconfont项目设置项目设置,勾选base64生成代码,下载至本地有用的是iconfont.css三、微信小程序项目配置iconfont.wxss就是iconfont.cn网站下载的iconfont.css改下后缀即可关键代码在于其中icon-alipay在iconfont.css中.icon-fb:before{content:"\e65d";}对应而"\e65d"对应在@f

java - Swing JButton : Icon above Text

如何在Swing中创建一个带有文本上方图标的JButton? 最佳答案 这样做:button.setVerticalTextPosition(SwingConstants.BOTTOM);button.setHorizontalTextPosition(SwingConstants.CENTER); 关于java-SwingJButton:IconaboveText,我们在StackOverflow上找到一个类似的问题: https://stackoverfl

java - Swing JButton : Icon above Text

如何在Swing中创建一个带有文本上方图标的JButton? 最佳答案 这样做:button.setVerticalTextPosition(SwingConstants.BOTTOM);button.setHorizontalTextPosition(SwingConstants.CENTER); 关于java-SwingJButton:IconaboveText,我们在StackOverflow上找到一个类似的问题: https://stackoverfl

ios - 基于 Bundle ID 的不同 App Icons 在 Build Phases->Run Script

我想在我的手机上同时安装我的应用程序的AppStore版本和我的应用程序的开发版本。我通过更改包ID完成了此操作。但是我很好奇是否有一种方法可以编写脚本来确定BundleID是什么,并根据ID更改应用程序图标。关于如何解决这个问题的任何想法?到目前为止,我有这个脚本:BUNDLE_ID=$(/usr/libexec/PlistBuddy-c"Print:CFBundleIdentifier""${BUILD_ROOT}/${INFOPLIST_PATH}")NORMAL_ID="com.appName"if[BUNDLE_ID!=NORMAL_ID];then//Settestinga

html - border-collapse : separate 样式行或列而不是单元格

我有一张table,由于其他原因,我更喜欢将table-collapse:分开。但是,我希望能够突出显示单个行或列。不幸的是,似乎任何样式都适用于或标签仅适用于单元格,不适用于它们之间的空间。例如:td{width:10px;height:10px;}生成一个紫色表格,其中5个垂直单元格和5个水平单元格被颜色填充,但不是整行或整列。除了使用border-collapse:collapse来填充给定行或列中单元格之间的空间之外,我还有其他选择吗? 最佳答案 不适用于border-collapse:separate,W3Cspecifi

html - 是否可以使用 border-radius 的 CSS Arch?

我正在尝试仅使用CSS创建一个拱门。我研究了各种“insetborder-radius”问题,但所有问题都展示了如何插入Angular,而不是对象的中间部分。我正在寻找一种方法来反转对象的中间以创建像桥一样的拱门。其中包含一个示例图像,用于展示我正在努力实现的目标。编辑:这个拱门的一个重要部分是它将被放置在其他物体之上。简单地清除它不是解决方案,而只是临时的hack。有关更多信息,请参见下图。 最佳答案 您可以使用径向渐变来完成。我在JSFiddle上举了一个例子:http://jsfiddle.net/17ohey9h/基本思想是

android - 错误 : Source path does not exist: resources\android\icon\drawable-hdpi-icon. png

我正在尝试在Mac上使用“cordovabuild--releaseandroid”命令从Ionic项目中获取APK文件,但它不起作用当我收到此错误"Error:Sourcepathdoesnotexist:resources\android\icon\drawable-hdpi-icon.png"。有谁知道它可能来自哪里?这是config.xml文件的副本:RISEDiscovermusicasyougoOlivierLam感谢您的帮助。 最佳答案 我有同样的错误,运行后ionicresources或者ioniccordovare

objective-c - 警告 : iPad: Icon-72. png:图标尺寸 (0 x 0)

我遇到了这个问题:“警告:iPad:Icon-72.png:图标尺寸(0x0)不符合尺寸要求。图标文件必须为72x72像素,.png格式(-19014)"为归档仅iPad的应用程序而构建时。已检查,我的图标是72x72像素。还检查了info.plist文件,关键CFBundleIconFiles已经存在。在此之前提交应用程序没有问题。在被应用审核拒绝后,我想重新提交(我的Xcode项目没有进行任何更改),但出现了错误。是因为我升级到了MacOSXLion10.7.3吗?(我刚刚更新到MacOSXLion10.7.3,然后重新提交应用程序)。想知道为什么警告会显示“图标尺寸(0x0)”。

ios - “添加到主屏幕”在 IOS 5 中不使用 apple-touch-icon

我们在iPad上部署了一个网络应用程序,其中包含用于在主屏幕上指定应用程序图标的功能。该图标位于根文件夹中,只是为了确保命名为apple-touch-icon.png。该应用程序图标在IOS4.3.3上运行良好,但在升级到IOS5的设备上会被忽略。它使用(丑陋的)默认微型屏幕截图图标。在IOS4上工作正常,但在IOS5上不行。有什么想法吗? 最佳答案 尝试删除网站上的密码保护...这似乎是解决方法。Appletouchiconisn'tshowinguponthehomescreen根据Apple的开发者文档,考虑到apple-to