0

从 VS 2017 开始,我创建了一个新的 Excel 插件。在Home.html之前,我从这个 Microsoft 模板<div class="footer">中添加了以下部分:

<div class="ms-ChoiceFieldGroup" id="choicefieldgroup" role="radiogroup">
    <div class="ms-ChoiceFieldGroup-title">
        <label class="ms-Label is-required">Unselected</label>
    </div>
    <ul class="ms-ChoiceFieldGroup-list">
        <li class="ms-RadioButton">
            <input tabindex="-1" type="radio" class="ms-RadioButton-input">
            <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup">
                <span class="ms-Label">Option 1</span>
            </label>
        </li>
        <li class="ms-RadioButton">
            <input tabindex="-1" type="radio" class="ms-RadioButton-input">
            <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup">
                <span class="ms-Label">Option 2</span>
            </label>
        </li>
        <li class="ms-RadioButton">
            <input tabindex="-1" type="radio" class="ms-RadioButton-input">
            <label role="radio" class="ms-RadioButton-field is-disabled" tabindex="0" aria-checked="false" name="choicefieldgroup" aria-disabled="true">
                <span class="ms-Label">Option 3</span>
            </label>
        </li>
        <li class="ms-RadioButton">
            <input tabindex="-1" type="radio" class="ms-RadioButton-input">
            <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup">
                <span class="ms-Label">Option 4</span>
            </label>
        </li>
    </ul>
</div>

我应该注意到我确认这些参考文献在Home.html头脑中:

<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.1.0/fabric.min.css">
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.1.0/fabric.components.min.css">

当我运行这个项目时,我进入了任务窗格:

在此处输入图像描述

但是,我期待这个:

在此处输入图像描述

逻辑有什么问题?如果我使用 Fabric 的 CSS 和代码模板手动创建一个 HTML 文件,它可以很好地呈现,但这在我的 Excel 插件项目中不起作用。

4

1 回答 1

1

您确实包含了非常旧版本的面料,但使用网站上的示例获取当前版本。入门向您解释了从哪里获取fabric-ui-core(样式)和fabric-ui-js(组件)以正确运行网站上的示例。

如果您不明白为什么包含的 2.1.0 版本比 1.4.0 旧,请参阅以下说明:CSS 怪异与 Office UI Fabric 库

于 2017-06-13T19:59:41.773 回答