小编Kev*_*ick的帖子

如何使文本在另一个 div 内动态更改宽度的 div 上居中?

我正在 React 中为显示自动化结果的应用程序创建一个组件。我正在尝试创建一个自定义进度条,显示通过的测试的百分比。但是,当我尝试将文本居中时,它相对于内部 div 居中。

我的进度条的代码是:

import React from 'react';
import classes from './ProgressBar.modules.scss';

const progressBar = props => {
  return (
    <div className={ classes.ProgressBar }>
      <div style={{ width: props.passed }}>
        { props.passed }
      </div>
    </div>
  );
};
Run Code Online (Sandbox Code Playgroud)

我的 SCSS 文件如下所示:

.ProgressBar {
  width: 125px;
  max-width: 125px;
  background: rgb(255, 97, 97);
  border-radius: 4px;
  height: 40px;
  box-shadow: 0 2px 3px rgb(110, 109, 109);
  overflow: hidden;
  transition: 0.2s ease-in-out;
}

.ProgressBar div {
  background: rgb(98, 167, 98);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: …
Run Code Online (Sandbox Code Playgroud)

javascript css sass jsx reactjs

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

返回和内联

我试图找到与此Java返回相当的Kotlin:

return new int[] {1, 2, 3};
Run Code Online (Sandbox Code Playgroud)

我试过只是声明然后像这样返回:

val returnArr: IntArray = intArrayOf(1, 2, 3)
return returnArr
Run Code Online (Sandbox Code Playgroud)

但是我收到一条警告,上面写着"变量仅用于跟随返回并且可以内联".内联究竟是什么意思?有没有办法在一条线上完成所有这些?

java kotlin

3
推荐指数
1
解决办法
108
查看次数

有没有办法使用Vue路由器路由到html文件?

您好,我正在使用 VueJS 和 webpack 模板。我有一堆可以用 Vue Router 轻松显示的组件。但是,我的组织使用 Robot Framework 进行测试,我们使用以下命令生成一个 HTML 页面:

python -m robot.testdoc /tests/directory /destination.html
Run Code Online (Sandbox Code Playgroud)

这基本上是我使用路由器的方式:

import Vue from 'vue'
import Router from 'vue-router'
import Main from '@/components/Main.vue'
import Component1 from '@/components/Component1.vue'
import Component2 from '@/components/Component2.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      mode: history,
      name: 'Main',
      component: Main
    },
    {
      path: '/component1',
      mode: history,
      name: 'Component1',
      component: Component1
    },
    {
      path: '/component2',
      mode: history,
      name: 'Component2',
      component: Component2
    }
  ]
})
Run Code Online (Sandbox Code Playgroud)

有没有办法使用 Vue …

html robotframework vue.js vue-router vue-component

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

使用readLine()方法拆分Kotlin字符串

所以我有这个Java代码:

String values = input.nextLine();
String[] longs = values.split(" ");
Run Code Online (Sandbox Code Playgroud)

将字符串输入拆分为字符串数组.

我在Kotlin尝试

var input: String? = readLine()
var ints: List<String>? = input.split(" ".toRegex())
Run Code Online (Sandbox Code Playgroud)

我收到一个错误:"在String类型的可空接收器上只允许安全(?.)或非空断言(!!.)调用?"

我是Kotlin的新手,想要明白如何做到这一点.谢谢!

java kotlin

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