加阴影

src/views/PaintingList.vue

@@ -59,6 +59,7 @@
             width: expandedAgeNameList.has(ageName) ? getHiddenContentWidth(paintingGroup, ageName) : '0',
           }"
         >
+          <div class="shadow" />
           <div
             v-if="ageName === '宋'"
             class="special-desc"
@@ -373,6 +374,15 @@ const unwatch = watch(menuElScrollLeft, (v) => {
         background-image: url(@/assets/images/bg-paper.jpg);
         background-size: auto 100%;
         background-repeat: repeat;
+        position: relative;
+        >.shadow{
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          height: calc(223 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
+          background: linear-gradient( 360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0,0,0,0) 100%);
+        }
         >.special-desc{
           flex: 0 0 auto;
           align-self: center;