小编jer*_*s38的帖子

Google Material Icons在Icon字体系列中有不同的变体：Rounded，Sharp，TwoTone等。

UX团队正在获取一些图标，并对其进行自定义，稍加粗或小的修饰。

1. 是否可以替换/编辑图标，并保持相同的内容代码而没有任何问题？示例：我们正在使用Visual Studio .Net Core应用程序，并将Material图标放置在我们的库中。

2. 此外，是否可以创建新的内容代码？说，我创建公司徽标。我可以为其分配内容代码吗？

使用内容代码和类名称引用材料图标

.carouselrightarrow {
    font-family: Material Icons;
    font-size: 36px;
    position: absolute;
    top: 16px;
    content: "\e409";
}

<button id="add-to-favorites"
        class="mdc-icon-button">
    <i class="material-icons mdc-icon-button__icon mdc-icon-button__icon--on">favorite</i>
    <i class="material-icons mdc-icon-button__icon">favorite_border</i>
</button>

现在，当前正在替换圆形图标库。除了节省编码时间/现有代码库之外，执行此操作的另一个原因；如果客户想换成Google素材：实心，鲜明，两个音调，轮廓，可以轻松完成。

参考文献：

• 如何使用Google Material Icon设置CSS content属性？
• 物料设计图标-代码点

可能的解决方案链接

• 如何使用材质图标
• 自定义SVG图标角材料

因此，完成后npm install material-design-icons，如何在React应用程序中使用它们？

包括该方法在这里并不包括npm方法。

如何在 Azure Devops 的所有分支中找到作者的提交历史？此选项仅允许我在功能分支上按作者进行过滤。想搜索所有分行。

我正在自定义 WebApplicationFactory 以使用来自原始应用程序项目的启动、appsettings。

目的是创建指向原始应用程序启动的集成测试。dbcontext 的 appsettings json 如下：

  "ConnectionStrings": {
    "DbConnection": "Data Source=.;Initial Catalog = TestDB; Integrated Security=True"

我想从下面的变量覆盖服务以使用内存数据库。我将如何进行？

自定义 Web 应用程序工厂：

namespace Integrationtest
{
    public class CustomWebApplicationFactory<TStartup> : WebApplicationFactory<TStartup> where TStartup : class
    {
        protected override void ConfigureWebHost(IWebHostBuilder builder)
        {
            builder.ConfigureAppConfiguration((hostingContext, configurationBuilder) =>
            {
                var type = typeof(TStartup);
                var path = @"C:\OriginalApplication";

                configurationBuilder.AddJsonFile($"{path}\\appsettings.json", optional: true, reloadOnChange: true);
                configurationBuilder.AddEnvironmentVariables();
            });
        }
    }
}

实际集成测试：

public class DepartmentAppServiceTest : IClassFixture<CustomWebApplicationFactory<OriginalApplication.Startup>>

{
    public dbContextTest context;
    public CustomWebApplicationFactory<OriginalApplication.Startup> _factory;
    public DepartmentAppServiceTest(CustomWebApplicationFactory<OriginalApplication.Startup> factory)
    { …

我正在尝试解决这个问题，除了.Net Core 2。

我可以在返回 html 的自定义标记帮助程序中使用标记帮助程序吗？

“我想在标签助手中使用标签助手。我环顾四周，找不到其他人尝试这样做，我是否使用了糟糕的约定，或者我是否缺少文档？

前任。标签助手 A 输出包含另一个标签助手的 HTML。”

我该如何解决下面的编译错误？

[HtmlTargetElement("tag-name")]
public class RazorTagHelper : TagHelper
{
    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("<a asp-action=\"Home\" ");
        output.Content.SetHtmlContent(sb.ToString());
    }
}

有没有办法让我从 C# 处理标签助手？或者使用标签助手重新处理输出 HTML？”

尝试了泰勒·马伦的这个标记解决方案：

var anchorTagHelper = new AnchorTagHelper
{
    Action = "Home",
};

var anchorOutput = new TagHelperOutput("a", new TagHelperAttributeList(), (useCachedResult, encoder) => new HtmlString());
var anchorContext = new TagHelperContext(
    new TagHelperAttributeList(new[] { new TagHelperAttribute("asp-action", new HtmlString("Home")) }),
    new Dictionary<object, …

是否可以在 CSS 中按百分比（例如 30%）定义 CSS 中的不透明度？似乎不起作用，现在我只能按小数点进行。

https://css-tricks.com/almanac/properties/o/opacity/

.test{
   opacity: 0.3;
}

预期目标：

.test{
   opacity: 30%;
}

创建搜索栏的最佳方法是什么？

放大镜应位于左侧文本框内，垂直居中对齐。我觉得这是一种混乱的方式，我依赖于空格' ，并且放大镜不是垂直对齐的。可以使用顶部像素边距，但似乎有一种更干净的方法。刚开始学习html和css。不喜欢使用像素测量和空间，听说这不是一个好的做法。

.md-form.mt-0{
  display:inline-flex;
  width:500px;
}

.material-icons.mdc-button__icon{
  position:absolute;
  top:7px;
  left: 2px;
 
}

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>


<div class="md-form mt-0">
  <i class="material-icons mdc-button__icon">search</i>
  <input class="form-control" type="text" placeholder="&nbsp;&nbsp;&nbsp;Search" aria-label="Search">
</div>

如何在矩形中间对齐这个内容词。“测试”一词在顶部。我使用了所有东西， text-align:center; Vertical-align:middle, justify-content:center, align-items: center, 还是不行

.rectangle {
  height: 75px;
  width: 75px;
  color:white;
  background-color: rgb(77,77,77);
  border-radius:7px;
  text-align:center;
  vertical-align:middle;
  justify-content:center;
  align-items: center;
}

<div class="rectangle"> 
  Test
</div>