主页 > 云储存 > > 正文

域名备案_ios百度云_12月免费

来源:胜利云 发布时间:2022-06-05 16:00 标签:域名免费12月百度备案
浏览:

域名备案_ios百度云_12月免费

更新:

任何人与CSS/字体/图标/图像问题的斗争,请阅读这篇额外的博客文章-设计工作室1.3-使临时分析模板,图像和CSS工作

原始帖子:

我们可以看到在新的1.3临时分析模板,似乎有一个推动,使事情看起来越来越像Fiori。我们看到这与SAP Blue Crystal主题展示,以及SAP图标的使用,以及平坦、干净的设计原则。

在查看了临时模板中使用的方法之后,我注意到了一些有趣的事情:

我认为整个CSS伪元素的合法性有很大的分歧。基本上可以说CSS不应该包含内容,但是:before和:after有点欺骗。但是不管怎样,看起来SAP已经采取了他们的立场,对于Design Studio,这也许是可以的。(顺便说一下,这只是猜测)

那么在临时模板的CSS中到底发生了什么?我在bullet 1中提到的很多外观/格式方面的东西我将不涉及,但也有一些图标的伪元素我想进一步说明:

首先,我注意到他们正在使用@font face来使用web字体方法来引用他们的SAP图标字体文件:

然后在第148行左右,我们看到很多这样的CSS类:

(等等)

这些CSS类被应用到特殊模板中的文本组件中。内容片段是字体中某些字符的转义字符代码。这是一种有趣的方法,如果有点"非传统"。

那么不管怎样,作为仪表板的作者,我们可以使用多少图标来制作自己的图标?让我们访问这个SAP页面:Icon Explorer

根据Icon Explorer,似乎有507个图标可供我们使用。因此,有了这些信息,我们可以得到一些重要的东西来制作我们自己的Icon CSS类:

通过使用Icon Explorer,让我们看看添加这个图标:

您将注意到底部好的,它给你一个代码为"e116"的id。这与前面提到的CSS选择器中使用的代码相同。所以让我们自己做一个。

你会注意到我遗漏了字体大小和说话的内容。我只想简单地展示一下你需要什么来工作,但是你可以留下多余的东西,或者如果你想定制的话。

那么接下来,让我们插入一个文本项,删除它的默认文本,并给它分配CSS类"ICON\u MONEY"。如果你这样做,您会注意到图标非常小(就像文本框中的普通字母):

让我们使用CSS样式属性来调整它的大小:"font-size:3rem;line-height:3rem;"

在那里,它看起来更好…你就看到了。通过使用SAP的伪元素方法,连同他们提供的SAP图标字体系列,您可以使用500多个图标,而不必使用图像文件。

享受!

不错。

所以它像菲奥里,但不是真的菲奥里?我也要试试这个。谢谢

Tammy,

我一直听到SAP将Fiori称为提供消费者级质量体验的"意图",以及体验外观的"设计原则",而且越来越不准确,这是SAPUI5和sap.m组件实现这一切的表现。当然,这也是他们将作为应用程序销售的产品,但我猜这只是谁在说"Fiori"和/或它在上下文中的使用方式。也许只是我,免费云服务器永久使用,但这是一个令人困惑的不断变化的术语。

这是一个关于Fiori设计原则的伟大网站:

https://experience.sap.com/fiori guidelines/index.html#SAPFiori

当然还有产品观点:

然后是一款受Fiori设计原则启发的SAPUI5应用程序(如Fiori Launchpad)

sapui5sdk-Demo-Kit

我想使用字体,它会给我一个"f"符号,那么如何使用html代码是ƒ。。。。。。。。。。。。。?

迈克尔,谢谢分享这些信息,我开发了一个看起来像Fiori应用程序的应用程序,大数据运维,它看起来非常专业。

嗨,迈克尔,

这是一个有趣的话题。非常感谢。

通过使用SDK,我现在有了自己的符号组件。应用程序生成器只需选择id作为属性值,并获取依赖图标。

供您参考,并非所有图标都包含在SAP文件中-图标.ttf和SAP-图标.eot.

谨致问候

Patrick

似乎临时模板中的图标方法在iPad上不起作用(至少如果用户通过移动BI应用程序)。看起来iDevice用表情符号取代了图标字体

有什么想法吗?

发布应用程序时,是否将CSS和字体文件复制到平台上?

嗨,迈克尔,

是的,我把所有的东西都上传到了平台上,当我通过启动板(使用IE10/Chrome)查看应用程序时,它能正常工作。

有趣的是,我自己还没有从BI Mobile应用程序中尝试过,但是如果它返回到了Emoji,我想知道BI Mobile是否没有正确地提供字体文件。你能暂时吗在不同的web服务器上托管.ttf和.eot字体文件,并更新CSS以反映新的URL,然后查看它是否正常工作?我只是想排除一些问题。

哈拉尔德,

让我们尝试不引用链接字体-你能单独尝试这个CSS,看看我在其中的任何图标类的样本工作吗?

https://gist.githubusercontent.com/anonymous/99231349f0562fab5414/raw/f68d440cc08b2d83f4da670eed85793b1b96f6db/icons.css

Harald,

查看我的新帖子:

Design Studio 1.3-制作临时分析模板、图像和CSS工作

特别是MIME内容类型。你能告诉我这是否解决了你的问题吗?

嗨,迈克尔,

谢谢你的帖子。我下个星期查一下,然后告诉你。听起来很有前途。

嗨,迈克尔,

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 对象存储_网站集约化建设_哪家好
    对象存储_网站集约化建设_哪家好

    对象存储_网站集约化建设_哪家好

    当戴夫·麦克卢尔首次提出海盗指标的概念时,它震撼了创业界的核心。尽管你现在可能知道他是500家初创企业的幕后推手,但在贝宝(PayPal)上市前担任...

  • 数据库_数据库事务原理_安全稳定
    <strong>数据库_数据库事务原理_安全稳定</strong>

    数据库_数据库事务原理_安全稳定

    为CloudFlare客户提供对源站的免费和高性能加密2014年秋季,CloudFlare推出了Universal SSL,并将通过HTTPS访问的网站数量增加了一倍。在短短几天内,我们颁发了...

  • 百度云_企业邮箱怎么设置签名_排行榜
    百度云_企业邮箱怎么设置签名_排行榜

    百度云_企业邮箱怎么设置签名_排行榜

    在快节奏的销售世界里,时间是无价的。这正是为什么你需要停止切换标签,使用新的Pipedrive Chrome扩展直接从Gmail使用Pipedrive的强大功能。如果你是一个狂...

  • 游戏服务器_节点服务器_优惠
    <strong>游戏服务器_节点服务器_优惠</strong>

    游戏服务器_节点服务器_优惠

    nomad0.11为任务引入了生命周期部分,可以用来表示任务依赖关系。这可以用来表示任务组中任务之间的任务依赖关系,甚至可以利用consur来表示任务间的任...

  • 企业邮箱_华为云techwave_企业级
    <strong>企业邮箱_华为云techwave_企业级</strong>

    企业邮箱_华为云techwave_企业级

    遵守一套不断发展的数据隐私法规的需求可能看起来很繁重,或者会导致公司停滞不前,不知道下一步该采取什么措施。如果不了解这些法规对日常运营的...

云储存

更多 >
  • <strong>游戏服务器_虚拟主机游戏_新注册优惠</strong>
    游戏服务器_虚拟主机游戏_新注册优惠

    对于那些从未听说过阅读彩虹的人来说,你错过了。这是一个典型的80年代儿童电视节目,通过拿起一本书来教导孩子们,他们可以"去任何地方"和"成为任...

  • <strong>亚马逊云_网站建设市场_企业级</strong>
    亚马逊云_网站建设市场_企业级

    颁奖环节#SAPPHIRENOW:SAP Mobile Apps Challenge for Windows 8 and Windows Phone 8 加入Microsoft和SAP,了解我们是如何创新以取得成功的,以及合作伙伴在我们的合作中扮演的...

云储存网站建设_服务器背板_限时特惠
云储存阿里云_数据库批量删除_高性价比
云储存轻量服务器_百度云注册_安全稳定
云储存分布式存储_域名交易查询_好用
云储存香港带宽_阿里云服务器登录密码_折扣