3

是否可以使用可在应用栏之外的应用栏中使用的 Windows 8（javascript）图标？

4

3 回答 3

5

更准确地说，这段代码复制了相同的行为和设计，并且还支持下面的图标标签：

<button class="win-command win-global win-hidefocus" id="btnCamera" role="menuitem" aria-label="Camera" type="button">
    <span tabindex="-1" class="win-commandicon win-commandring" aria-hidden="true">
        <span tabindex="-1" class="win-commandimage" aria-hidden="true">&#xE114;</span>
    </span>
    <span tabindex="-1" class="win-label" aria-hidden="true">Front Camera</span>
</button>
于 2012-12-05T09:04:49.897 回答
1

如果您希望它是图像而不是字体中的字符（并且 Google 没有给出任何有用的结果），即使您知道提取所有正确的样式需要一段时间，这也很难找到，所以在这里分享这个似乎是个好主意。

下面我包含了一个有效复制按钮的示例：

<button style="border:2px solid black;min-width:0px;min-height:0px;border-radius:50%;height:41px;line-height:37px;width:41px;font-size:14pt;box-sizing:border-box;padding:0px; background:white;color:black;font-family: 'Segoe UI', 'Ebrima', 'Nirmala UI', 'Gadugi', 'Segoe UI Symbol', 'Meiryo UI', 'Khmer UI', 'Tunga', 'Lao UI', 'Raavi', 'Iskoola Pota', 'Latha', 'Leelawadee', 'Microsoft YaHei UI', 'Microsoft JhengHei UI', 'Malgun Gothic', 'Estrangelo Edessa', 'Microsoft Himalaya', 'Microsoft New Tai Lue', 'Microsoft PhagsPa', 'Microsoft Tai Le', 'Microsoft Yi Baiti', 'Mongolian Baiti', 'MV Boli', 'Myanmar Text', 'Cambria Math'; display: inline-block; text-align: center;" type="button">&#xE124;</button>

对于字符代码，我建议查看标准样式 xml 文件中的 C++ 网络商店项目。

于 2012-11-10T21:07:04.707 回答
0

为时已晚，但我分享了我如何实现这一目标的片段：

无标签：

<button id='buttonid' class='win-commandring win-commandicon' title='tooltip'>&#xE159;</button>

带标签：

<div style='text-align:center'>
<button class='win-commandring win-commandicon'>&#xE159;</button><br>
Save as
</div>

**不要忘记在每个字符代码后使用Semi-colon( ;)。*

如果您想查看图标的字符代码，则 ->

打开 ： 

Start Menu -> Type " character Map " -> Press Enter

现在一个Window opens -> Select -> Font : 'Segoe UI Symbol'

请参阅下文，您可以在其中找到WINDOWS 8 上 ICONS的所有字符代码

图标集 WINDOWS 8

也许它会有所帮助！

于 2014-03-01T22:18:10.253 回答