微信小程序开发 ＜cover-image＞标签无法绑定点击事件踩坑

在微信小程序开发中 使用camera标签调用系统相机拍照，使用cove-view 标签制作 拍照按钮 ，当按钮没有内容文本时候设置大小没有效果

<template>
  <div class="page">
    <camera device-position="back" flash="off" binderror="error">
    </camera>
    <cover-view class="take">
      <button @click="take" v-show="!showBtn" class="take-btn">拍照</button>       //按钮
      
    </cover-view>
    <cover-image  class="photo" :src="src"></cover-image>
    
    <cover-view class="close-wrap" v-show="showBtn" @click="closePhoto">
      <cover-image  @click="closePhoto"  class="cancel-icon"  src="https://s1.ax1x.com/2020/08/05/arcYCD.png"></cover-image>
    
    </cover-view>

     <cover-view class="confirm-wrap" @click=&