vue-封装组件-结合vant实现点击按钮弹出泡泡(Popover)事件控制多个泡泡出现时,弹出对应的泡泡
class="sale-share-box">
class="sale-share-btn">
class="sale-share-btn-pop"
style=" width: 104px;
height: 82px;
background: #FFFFFF;
box-shadow: 0px 0px 6px 0px rgba(153, 153, 153, 0.3);
border-radius: 8px;"
v-model:show="showPopover"
placement="top">
class="sale-share-bid" v-if="!isOnSale" @click="setClick()" value='bid'>Bid
class="sale-share-sell" v-if="isOnSale" @click="setClick()" value='sell'>Sell
class="sale-share-transfer" @click="setClick()" value='transfer'>Transfer
"showPop(id)" src="../../assets/create-img/icon_more.png" />
一、
(1)在/Users/mac/nft/pc/src/components/目录下创建sections/SalePopover.vue(组件名称)
(2)组件代码:
三、在script中引入 import SalePopover from '../../components/sections/SalePopover.vue' 四、在vue