<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