css：   .wrapper {       width: 100%;       height: 100%;       // position: fixed;       // left: 50%;       // top: 50%;       // transform: translate(-50%, -50%);       display: flex;       align-items: center;       justify-content: center;       flex-direction: column;       z-index: 400 !important;       .modal-contain {         background-color: #FFFFFF;         border-radius: 20rpx;         width: 90vw;         // min-height: 50vh;         // max-height: 80vh;         height: 80vh;         margin-bottom: 40rpx;         position: relative;         .card-title {           height: 70rpx;           width: 100%;           color: #000000;           font-size: 36rpx;           font-weight: bold;           margin: 20rpx 0 0 20rpx;         }         .card-contian {           height: calc(100% - 300rpx);           overflow-y: auto !important;           overflow-x: hidden;           position: absolute;           z-index: 11111111;           .card-list {             margin: 0 20rpx;             &>text {               color: #000000;               font-size: 32rpx;               font-weight: bold;             }             .card-item {               margin-top: 20rpx;               &>text {                 color: #333333;                 font-size: 28rpx;                 border-radius: 8rpx;                 border: 2rpx solid #999999;                 display: inline-block;                 padding: 6rpx 10rpx;                 margin-right: 20rpx;                 margin-bottom: 20rpx;                 letter-spacing: 2rpx;                 .attr-price {                   border-left: 2rpx solid #000000;                   margin-left: 10rpx;                   padding-left: 10rpx;                 }               }               .active {                 background: #faefd2;                 border: 2rpx solid #E0A40F;               }             }           }         }         .card-cate {           background: #F5F5F5;           min-height: 60rpx;           max-height: 140rpx;           padding: 16rpx 0 16rpx 20rpx;           position: absolute;           bottom: 100rpx;           width: 100%;         }                  .card-footer {           height: 100rpx;           display: flex;           flex-direction: row;           align-items: flex-end;           justify-content: space-between;           margin: 0 20rpx;           color: #000000;           font-size: 32rpx;           font-weight: bold;           position: absolute;           bottom: 30rpx;           width: 90%;           .foot-money {             color: #E50606;             font-size: 40rpx;           }           .foot-car {             color: #FFFFFF;             background: #FFBD1B;             border-radius: 8rpx;             font-weight: normal;             padding: 6rpx 16rpx;           }         }       }       image {         width: 100rpx;         height: 100rpx;       }    } html： <van-overlay show="{{ showModal }}" custom-class="custom-overlay-class">     <view class="wrapper">       <view class="modal-contain">         <view class="card-title van-ellipsis">{{cateInfo.goodsName}}</view>         <view class="card-contian">           <view class="card-list">             <text>规格</text>             <view class="card-item">               <text class="{{cateInfo.index === index ? 'active' : ''}}" wx:key="id" wx:for="{{cateInfo.goodsSpecList}}" wx:for-item="ctem" wx:for-index="index" data-idx="{{index}}" data-name="{{ctem.specName}}" data-id="{{ctem.id}}" data-price="{{ctem.specCurrentPrice}}" bind:tap="clickCate">                 <text>{{ctem.specName}}</text>                 <text class="attr-price">￥{{ctem.specCurrentPrice}}</text>               </text>             </view>           </view>           <view class="card-list" wx:for="{{cateInfo.goodsAttributeList}}" wx:for-index="index">             <text>{{item.attributeName}}</text>             <view class="card-item">               <text class="{{item.index === index1 ? 'active' : ''}}" wx:key="id" wx:for="{{item.goodsAttributeInfoList}}" wx:for-item="ctem" wx:for-index="index1" data-idx="{{index}}" data-idx2="{{index1}}" data-name="{{ctem.attributeInfoName}}" data-id="{{ctem.id}}" data-price="{{ctem.attributeInfoPrice}}" bind:tap="clickItem">                 <text>{{ctem.attributeInfoName}}</text>                 <text wx:if="{{ctem.attributeInfoPrice !== 0}}" class="attr-price">￥{{ctem.attributeInfoPrice}}</text>               </text>             </view>           </view>         </view>         <view class="card-cate">已选规格：{{cateInfo.defaultDes}}</view>         <view class="card-footer">           <view>             总计             <text class="foot-money">￥{{singlePrice}}</text>             </view>           <view class="foot-car" bind:tap="addCar">加入购物车</view>         </view>       </view>       <image src="/images/other/close.png" bind:tap="onClickHide"></image>     </view>   </van-overlay>