要在元素内容超过一定高度时底部添加蒙版，可以使用CSS的线性渐变作为背景图片。

html代码

<div class="note-article-list-item">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

css代码

.note-article-list-item {
  height: 380px;
  overflow:hidden;
  margin-bottom: 20px;
  position: relative;
  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px; /* 蒙版的高度 */
    background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
    pointer-events: none; /* 使蒙版不接收鼠标事件 */
  }
}

关键点：元素添加 height,overflow,position等css属性，伪类元素绝对定位，并添加background渐变

Using Corepack

Since v16.13, Node.js is shipping Corepack for managing package managers. This is an experimental feature, so you need to enable it by running:

corepack enable pnpm

If you installed Node.js using Homebrew, you'll need to install corepack separately:

You can pin the version of pnpm used on your project using the following command:

corepack use pnpm@latest

This will add a "packageManager" field in your local package.json which will instruct Corepack to always use a specific version on that project. This can be useful if you want reproducability, as all developers who are using Corepack will use the same version as you. When a new version of pnpm is released, you can re-run the above command.