小编Kav*_*vau的帖子

样式化vuetify v-data-table

默认情况下,在v数据表的每个非最后一位行之间打印一行。我想修改css以更改该行,例如将其删除。最初,在开发人员控制台中,关于边框底部的css如下所示。

.theme--light.v-table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
Run Code Online (Sandbox Code Playgroud)

我为数据表分配了另一个类“ mytable”:

<v-data-table
        :headers="headers"
        :items="desserts"
        hide-actions
        class="elevation-1 mytable">
    <template slot="items" slot-scope="props">
        <td>{{ props.item.name }}</td>
        <td class="text-xs-right">{{ props.item.calories }}</td>
        <td class="text-xs-right">{{ props.item.fat }}</td>
        <td class="text-xs-right">{{ props.item.carbs }}</td>
        <td class="text-xs-right">{{ props.item.protein }}</td>
        <td class="text-xs-right">{{ props.item.iron }}</td>
    </template>
</v-data-table>
Run Code Online (Sandbox Code Playgroud)

并与CSS我试图修改表

.mytable table tr {
    background-color: lightgoldenrodyellow;
    border-bottom: none;
}
Run Code Online (Sandbox Code Playgroud)

尽管将背景色更改为浅金色黄色,但仍然打印了边框底部。在开发人员控制台中,触摸了删除边框底部的指令。不是背景色。我还必须使用哪个选择器来更改边框底部?使用与主题最初使用的相同的CSS也不起作用。

css vuetify.js

7
推荐指数
1
解决办法
2万
查看次数

vuetify + jest 列出了错误消息,尽管 test 是绿色的

作为 vue 新手,我为一个组件编写了一个测试。测试是绿色的。但是,在被测组件(v-layout、v-flex)中使用 vuetify 时,控制台输出中会列出错误消息。在组件(v-layout、v-flex)中移除 vuetify 时,它们会消失。如何使用 vuetify 并仍然避免这些消息?

组件 TestForm

<script>
  import "@/assets/Styles";

  import {cloneDeep} from "lodash";
  import VForm from "vuetify/es5/components/VForm";
  import VBtn from "vuetify/es5/components/VBtn";
  import {VContainer, VContent, VFlex, VLayout, VSpacer} from "vuetify/es5/components/VGrid";
  import VTextField from "vuetify/es5/components/VTextField";
  import {VCard, VCardText, VCardTitle} from "vuetify/es5/components/VCard";

  import TestModelData from "@/api/model/example/TestModelData";
  import TestData from "@/api/model/example/TestData";
  import TestStatus from "@/api/model/example/TestStatus";
  import TestStatusSelect from "@/components/common/TestStatusSelect";

  export default {
    components: {
      VBtn,
      VForm,
      TestModelData, TestData, TestStatus, TestStatusSelect,
      VCard, VCardTitle, VCardText,
      VContainer, VContent, VLayout, VFlex, VSpacer,
      VTextField …
Run Code Online (Sandbox Code Playgroud)

jestjs vuetify.js

5
推荐指数
1
解决办法
1367
查看次数

使用 Spring Boot 的 Jaeger

在 Spring Boot 应用程序(目前只有一个)中,我通过添加依赖项opentracing-spring-jaeger-web-starter和以下 bean 来包含 jaeger

@Bean
public static JaegerTracer getTracer() {
    io.jaegertracing.Configuration.SamplerConfiguration samplerConfig =
            io.jaegertracing.Configuration.SamplerConfiguration.fromEnv().withType("const").withParam(1);
    io.jaegertracing.Configuration.ReporterConfiguration reporterConfig =
            io.jaegertracing.Configuration.ReporterConfiguration.fromEnv().withLogSpans(true);
    io.jaegertracing.Configuration config = new io.jaegertracing.Configuration("fooService").withSampler(samplerConfig).withReporter(reporterConfig);
    return config.getTracer();
}

@PostConstruct
public void setProperty() {
    System.setProperty("JAEGER_REPORTER_LOG_SPANS", "true");
}
Run Code Online (Sandbox Code Playgroud)

在 docker 中启动 Jaeger 后,docker run -d --name jaeger -p 16686:16686 -p 6831:6831/udp jaegertracing/all-in-one:1.9我得到了痕迹。

我现在发现了另一个依赖项并阅读了不同的教程,这让我不知何故不确定在 Spring Boot 中使用 Jaeger 的正确方法是什么。

我会使用哪个依赖项?

https://github.com/opentracing-contrib/java-spring-cloud

<dependency>
  <groupId>io.opentracing.contrib</groupId>
  <artifactId>opentracing-spring-cloud-starter</artifactId>
</dependency>
Run Code Online (Sandbox Code Playgroud)

https://github.com/signalfx/tracing-examples/tree/master/jaeger-java-spring-boot-web

<dependency>
    <groupId>io.opentracing.contrib</groupId>
    <artifactId>opentracing-spring-jaeger-web-starter</artifactId>
</dependency>
Run Code Online (Sandbox Code Playgroud)

可能遵循Jaeger 文档

<dependency>
    <groupId>io.jaegertracing</groupId>
    <artifactId>jaeger-client</artifactId>
    <version>$jaegerVersion</version>
</dependency> …
Run Code Online (Sandbox Code Playgroud)

trace jaeger

5
推荐指数
1
解决办法
4869
查看次数

标签 统计

vuetify.js ×2

css ×1

jaeger ×1

jestjs ×1

trace ×1