CSS 圆形分割按钮动画 带背景、图片

    <template>
    		<view class="main">
    			<view class="up"> 
    			<!-- 主要部分上 -->
    				<button class="card1">
    					<image class="imgA" src="../../static/A.png"></image>
    				</button>
    				<button class="card2">
    					<image class="imgB" src="../../static/B.png"></image>
    				</button>
    			</view>
    			<view class="down"> 
    			<!-- 主要部分下 -->
    				<button class="card3">
    					<image class="imgC" src="../../static/C.png"></image>
    				</button>
    				<button class="card4">
    					<image class="imgD"