小编Ruu*_*udy的帖子

我的基本小部件是一个列。第一个元素是具有 BoxShadow 的 Container。第二个元素是一个 ListView，它根据上下文构建多个 Card。如果滚动为 0，则显示阴影。然而，当开始滚动时，卡片“超过”阴影（较高的 z-index）并将其隐藏。

展开

滚动

阴影应始终位于卡片上方。这是怎么做的？

由于 JSON 支持，我正在考虑切换到 PostgreSQL。但是，我想知道，是否可以通过单个查询实现以下功能：

假设有两个表：

表 1) 组织：

  ID (INT)  |  members (JSONB)                                        |
------------+---------------------------------------------------------|
     1      | [{ id: 23, role: "admin" }, { id: 24, role: "default" }]|
     2      | [{ id: 23, role: "user" }]

表2）用户：

  ID (INT)  | name TEXT | email TEXT    |
------------+-----------+---------------|
     23     | Max       | max@gmail.com |
     24     | Joe       | joe@gmail.com |

现在我想得到这样的结果（我只有组织的 ID [1]）：

  ID (INT)  |  members (JSONB)                                       |
------------+--------------------------------------------------------|
     1      | [{ id: 23, name: "Max", email: "max@gmail.com", role: …

将 Next.js 升级到版本 12 后，带有 SCSS 的 Bootstrap 不再工作。

我有一个global.scss文件导入到_app.js. 在此文件中，我导入 Bootstrap 和 Bootstrap 图标。

@import '~bootstrap/scss/bootstrap.scss';
@import '~bootstrap-icons/font/bootstrap-icons.css';

它工作得很好，但升级到 Next.js 12 后就不行了。现在我收到导入错误，我不知道如何解决它。

./styles/global.scss:5:0
Module not found: Can't resolve '../node_modules/bootstrap/scss/forms/data:image/svg+xml,<svg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke=''

Import trace for requested module:
./styles/global.scss
./pages/_app.jsx

https://nextjs.org/docs/messages/module-not-found