#

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>