小编use*_*616的帖子

CSS Grid 将高度和宽度拉伸到容器

我无法让 CSS 网格在高度和宽度上拉伸到其父级尺寸。当设置为 100% 时,宽度会很好地拉伸,但高度会保持其初始大小?我不确定高度尺寸是在哪里计算的。

当将所有行的 grid-template-rows 设置为 25% 时,我认为这会给我所需的 100% 高度,但它不起作用。

JSFiddle

body {
  margin: 10px;
  background-color: red;
  height: 100%;
}

.wrapper {
  display: grid;
  grid-gap: 1px;
  background-color: #fff;
  color: #444;
  grid-template-rows: 25% 25% 25% 25%;
  grid-template-columns: auto auto auto auto;
  grid-template-areas: 
    "a b c d" 
    "e f f g" 
    "h f f i" 
    "j k l m";
  height: 100%;
  width: 100%;
}

.box {
  background-color: #444;
  color: #fff;
  padding: 20px;
  font-size: 150%;
}

.a {
  grid-area: a;
} …
Run Code Online (Sandbox Code Playgroud)

html css css-grid

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

Web API 作为 Windows 服务

所以我正在 Visual Studio 2019 中创建一个新的 .Net Framework 4.8 Web API,我想知道如何将 API 创建为 Windows 服务?我似乎找不到任何示例或在线资源来这样做。我可以在 VS 中本地运行 API,它会打开 Chrome 并在它启动的本地 IIS 服务器下显示响应。我如何在仍然使用 HTTPS 的同时将同一个项目编译为 Windows 服务?

asp.net .net-4.8

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

Vuetify 文本区域为空或少于 200 个字符的规则

我正在使用 Vuetify 并尝试获取文本区域以仅在超过 200 个字符时进行验证。

如果用户有 1 个或更多字符,我只想使字段验证,但如果它至少是 1 个字符,则少于 200 个字符。这个文件不是必需的,但如果他们选择在其中输入数据,我想确保它不超过 200 个字符。

<v-textarea
    v-model="description"
    :counter="200"
    :rules="[v => (v && v.length <= 200) || 'Description must be 200 characters or less']"
    label="Description"
    height="125"
    no-resize
    outline
/>
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs2 vuetify.js

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

Vue Firebase 托管环境变量

目前在我的开发环境中,我的.env.development文件与我的 firebase 环境变量存储为:

VUE_APP_FB_API_KEY='abc123000123',
VUE_APP_FB_AUTH_DOMAIN='site.firebaseapp.com', 
etc...
Run Code Online (Sandbox Code Playgroud)

这适用于我的开发机器,但是一旦我将它部署到 Firebase 托管,它就会中断并引发控制台错误,即未配置各种选项。我尝试添加它们

firebase 功能:配置:设置 env.VUE_APP_FB_API_KEY='abc123000123'

但这对我仍然不起作用。

这里有什么问题?此外,根据文档,不允许使用大写字符。

environment-variables firebase vue.js firebase-hosting vuejs2

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

Firebase 函数将日期时间存储为地图

我设置了 firebase 函数,可以使用 onCall 方法在 firestore 数据库中创建一个新事件。我正在将数据从我的前端 vue 应用程序传递到 onCall 方法。我想在数据库中设置的数据包含一堆数据,其中有一些需要保存的日期。日期是未来的日期/时间,一旦将它们添加到 firestore 数据库,它们就会显示为类型map而不是timestamp

我的 firebase-admin 版本是 8.0.0,firebase-functions 版本是 3.0.0

这会将数据添加到集合中,但时间戳现在采用map纳秒和秒的类型。如何才能将其保存在Timestamp类型中?

前端js调用onCall:

let data = {
  firstName: 'John',
  lastName: 'Doe',
  startDate: myStartDate  // This is a JS date object - Fri Aug 30 2019 17:00:00 GMT-0500 (Central Daylight Time)
};
return db.httpsCallable('myFunction')({ myData: data });
Run Code Online (Sandbox Code Playgroud)

谷歌后台功能:

exports.myFunction= functions.https.onCall((data, context) => {
  const myData = data.myData;
  return admin
    .firestore()
    .collection('myCollection')
    .doc('myDocument')
    .collection('myAccount')
    .add({ ...myData  }); …
Run Code Online (Sandbox Code Playgroud)

javascript firebase vue.js google-cloud-functions google-cloud-firestore

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