|
@@ -50,26 +50,34 @@
|
|
|
style="width: 34px; height: 34px"
|
|
|
/> -->
|
|
|
</div>
|
|
|
- <el-popover placement="bottom" trigger="hover">
|
|
|
- <el-button
|
|
|
- type="success"
|
|
|
- icon="el-icon-edit"
|
|
|
- @click="editInfo(item)"
|
|
|
- >编辑</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- icon="el-icon-delete"
|
|
|
- @click="delect(item)"
|
|
|
- >删除</el-button
|
|
|
- >
|
|
|
- <div class="header_right" slot="reference">
|
|
|
- <svg-icon
|
|
|
- icon-class="sand"
|
|
|
- style="width: 24px; height: 30px"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </el-popover>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="click"
|
|
|
+ popper-class="custom-popover"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ icon="el-icon-edit"
|
|
|
+ @click.stop="editInfo(item)"
|
|
|
+ >编辑</el-button>
|
|
|
+ <el-button
|
|
|
+ type="danger"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click.stop="delect(item)"
|
|
|
+ >删除</el-button>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="header_right"
|
|
|
+ slot="reference"
|
|
|
+ @click.stop
|
|
|
+ >
|
|
|
+ <svg-icon
|
|
|
+ icon-class="sand"
|
|
|
+ style="width: 24px; height: 30px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
<p style="margin: 0">{{ item.name }}</p>
|
|
@@ -78,7 +86,7 @@
|
|
|
<div class="file">
|
|
|
<svg-icon
|
|
|
icon-class="file"
|
|
|
- style="width: 32px; height: 32px; "
|
|
|
+ style="width: 36px; height: 36px; "
|
|
|
/>
|
|
|
<p>WORD</p>
|
|
|
<p>{{ item.word_count }}</p>
|
|
@@ -86,7 +94,7 @@
|
|
|
<div class="file">
|
|
|
<svg-icon
|
|
|
icon-class="file"
|
|
|
- style="width: 32px; height: 32px; "
|
|
|
+ style="width: 36px; height: 36px; "
|
|
|
/>
|
|
|
<p>EXCEL</p>
|
|
|
<p>{{ item.excel_count }}</p>
|
|
@@ -94,7 +102,7 @@
|
|
|
<div class="file">
|
|
|
<svg-icon
|
|
|
icon-class="file"
|
|
|
- style="width: 32px; height: 32px; "
|
|
|
+ style="width: 36px; height: 36px; "
|
|
|
/>
|
|
|
<p>PDF</p>
|
|
|
<p>{{ item.pdf_count }}</p>
|
|
@@ -314,12 +322,36 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-::v-deep .el-card {
|
|
|
+
|
|
|
+.el-card{
|
|
|
+ /* 鼠标悬停时的更强烈阴影 */
|
|
|
+ box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
|
|
|
border-radius: 10px;
|
|
|
}
|
|
|
+
|
|
|
+.el-row {
|
|
|
+ width:95%;
|
|
|
+ margin-left: 30px;
|
|
|
+}
|
|
|
+::v-deep .el-popover.custom-popover {
|
|
|
+ z-index: 3000 !important;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ display: block;
|
|
|
+ margin: 5px 0;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ ::v-deep .el-card {
|
|
|
+
|
|
|
+ overflow: visible !important; // 确保popover不被截断
|
|
|
+}
|
|
|
::v-deep .el-col-offset-1 {
|
|
|
margin-left: 2%;
|
|
|
}
|
|
|
+::v-deep .custom-popover {
|
|
|
+ z-index: 3000 !important;
|
|
|
+}
|
|
|
+}
|
|
|
@import "./index.scss";
|
|
|
</style>
|
|
|
|