div 實現光標懸停變成手型

div 實現光標懸停變成手型

最近的項目中有一個光標懸停在 div 標簽上變成手型，點擊並觸發事件的需求。

然后了解到 css有個特定的樣式，如下：

cursor: pointer;

js代碼如下：

<!-- 更多按鈕 -->
    <div class="more-action">
        <el-popover placement="bottom" width="100" trigger="click">
            <!-- 需求舉報 -->
            <div class="report" @click="openchildReport(orderData.id)">舉報</div>

<i slot="reference" class="el-icon-more"></i>
</el-popover>
</div>

css代碼如下：

.report {
    text-align: center;
    cursor: pointer;
}

至此問題解決。