小编And*_*ann的帖子

我创建了一个tableViewController,我正在调用这个函数:

func setTableViewBackgroundGradient(sender: UITableViewController ,let topColor:UIColor, let bottomColor:UIColor){

    let gradientBackgroundColors = [topColor.CGColor, bottomColor.CGColor]
    let gradientLocations = [0.0,1.0]

    let gradientLayer = CAGradientLayer()
    gradientLayer.colors = gradientBackgroundColors
    gradientLayer.locations = gradientLocations

    gradientLayer.frame = sender.tableView.bounds
    sender.tableView.backgroundView?.layer.insertSublayer(gradientLayer, atIndex: 0)

}

有:

setTableViewBackgroundGradient(self, UIColor(0xF47434), UIColor(0xEE3965))

但我得到的是这个:

我正在尝试创建一个可重用的表格组件，该组件利用 Vuetify 的v-data-table组件来对常见方面进行分组，例如搜索栏、表格操作（刷新、创建等）以及我的所有表格都将具有的其他功能。但是，我在表组件内实现动态、作用域槽以考虑自定义列时遇到了问题。想想诸如操作、格式化 ISO 字符串等列。

这是我目前正在尝试的一个简化示例。在示例中，我将数组customColumns作为 prop 传递给 CustomDataTable.vue。customColumns具有一个具有两个属性的元素。该slotName属性指定我想在父组件中引用的插槽的名称。该itemValue属性指定 CustomDataTable.vue 应覆盖并替换为作用域槽的标头值。然后，在父组件中使用作用域槽来正确设置“创建于”列中的日期格式。

实现表组件的父组件：

<template>
  <custom-data-table
    :items="items"
    :headers="headers"
    :customColumns="customColumns"
  >
    <template v-slot:custom-column="slotProps">
      <span>{{ formatDate(slotProps.item.createdAt) }}</span>
    </template>
  </custom-data-table>
</template>

<script>
import CustomDataTableVue from '@/components/table/CustomDataTable.vue'

export default {
  data: () => ({
    items: [
      {
        id: 0,
        createdAt: new Date().toISOString(),
        ...
      },
      ...
    ],
    headers: [
      {
        text: 'Created At',
        value: 'createdAt',
        sortable: true
      },
      ...
    ],
    customColumns: [
      {
        slotName: 'custom-column',
        itemValue: 'createdAt' …

我在我的主故事板中创建了一个简单的静态表视图,但每次我连接一个空白的UITableViewController时,静态视图都没有加载.

我已经开始锁定Googles新的Polymer SDK,现在我开始学习我问自己是否可以同时包含纸质组的所有元素？否则我的标题会变得更大,因为我的实际身体代码

<link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">

这是我在一周内关于Polymer SDK的第三个问题,我真的很抱歉.基本上我试图隐藏<paper-drawer-panel>元素的抽屉在大屏幕上,所以它看起来像移动版本,这个漂亮的汉堡菜单我用<paper-icon-button>组件编码.

在官方目录中,我找到了forceNarrow我实现的属性.

<paper-drawer-panel forceNarrow>

但这对我的实际"大屏幕"网站没有任何影响

我正在尝试使用 express-validator 来验证 req.body，然后再发送将数据插入到 postgres 的 post 请求。

我有一个路由文件、控制器文件，我想在一个名为 validate.js 的文件中执行验证。同时，我已经安装了 express-validator 并在我的 server.js 中导入了它。我遇到的其他资源似乎在包含插入数据的逻辑的函数中实现了验证。

//server.js
....
import expressValidator from 'express-validator';

...
app.use(bodyParser.urlencoded({ extended: false }));
app.use(expressValidator);

//route.js
import express from 'express';
import usersController from './controller';

const router = express.Router();

router.post('/createuser', usersController.createUser);

//controller.js
createUser(req, res){
  // ...
  const { firstName, lastName, email, password } = req.body;
  //code to insert user details to the database
}

//validator.js
import { check } from 'express-validator/check';

module.exports = [check('email').isEmail()];

我希望在名为 validator.js 的文件中实现验证，例如，在插入数据库之前验证电子邮件

我以前在 angular 中看到过这一点，并想知道这是否也适用于聚合物。Angular - 有条件地应用类的最佳方法是什么？

我已经设置了一个名为“动画”的属性：

animated: {
  type: Boolean,
  value: false,
},

当animation为 true 时，我元素中的 div 应该有一个.animate的 css 类。

<div class=""></div>

现在我已经在 ready 函数中完成了。但是自从我遇到了 Stackoverflow 问题后，我想知道这在聚合物中是否可行。

谢谢！

正如您在图像中看到的那样,具有"内部"类的元素在"外部"div内部居中,为此我使用了此堆栈溢出帖子.我试过让Hello World段落出现在居中的div下面而没有使用margin属性作弊,但没有成功.

.outer {
  position: relative;
  height: 80%;
  width: 100%;
}
.inner {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
}

<div class="outer">
  <div class="inner"></div>
  <p>Hello World</p>
</div>