#

whycq

2024-01-17 01d453a6d5a751a78eab5f56ad0f35a0a2ebf281

 pages/maoboli/maoboli.vue

@@ -22,6 +22,14 @@
      <view class="box3"></view>
      
      <view class="box4"></view>
		
		
      <view class="triangle-box">
         <view class="triangle"></view>
      </view>
		
		
      <view style="height: 100px;"></view>
   </view>
</template>

@@ -144,4 +152,17 @@
      border-right: 10px solid transparent;
      border-bottom: 10px solid red;
   }
   .triangle-box {
      margin: 8px;
      filter: drop-shadow(0px 0px 5px rgba(50, 50, 0, 0.5));
		
   }
   .triangle {
      margin-top: 100rpx;
      width: 300px;
      height: 200px;
      background-color: #92cbff;
      clip-path: polygon(0px 0px,125px 0,150px 50px,175px 0,300px 0px,300px 200px,0px 200px);
      filter: drop-shadow(0 0 );
   }
</style>