CSS 水浪按钮

    <template>
    	<view class="content">
    		<button class="button">
    			<view class="liquid"></view>
    			<view class="btn-txt">水浪按钮</view>
    		</button>
    	</view>
    </template>

    <script>

    </script>

    <style>
    	body {
    		background-color: #212121;
    		/* 设置背景颜色为 #212121 */
    	}

    	.content {
    		display: flex;
    		/* 使用弹性布局 */
    		flex-direction: column;
    		/* 设置主轴方向为垂直方向 */
    		align-items: center;
    		/* 在交叉轴上居中对齐 */
    		justify-content: center;
    		/* 在主轴上居中对齐 */
    		margin-top: 300px;
    		/* 设置上边距为 300px */
    	}

    	.button {
    		background-color: #000;
    		/* 设置背景颜色为 #000 */
    		border: 0px;
    		/* 设置边框为 0px */
    		outline: 0