|
|
@@ -49,8 +49,8 @@
|
|
|
v-for="(items, indexs) in componentRemarkObj[grid.id]"
|
|
|
:key="indexs"
|
|
|
placement="bottom"
|
|
|
- width="200"
|
|
|
trigger="click"
|
|
|
+ popper-class="menu-remark-info"
|
|
|
>
|
|
|
<div v-html="items.content"></div>
|
|
|
<template #reference>
|
|
|
@@ -69,11 +69,18 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
<!-- 选中文本的工具栏 -->
|
|
|
<div v-show="showToolbar" class="contentmenu" :style="contentmenu">
|
|
|
<span class="button" @click="setNote"><SvgIcon icon-class="sidebar-text" size="14" /> 笔记</span>
|
|
|
<span class="line"></span>
|
|
|
<span class="button" @click="setCollect"><SvgIcon icon-class="sidebar-collect" size="14" /> 收藏 </span>
|
|
|
+ <template v-if="canRemark">
|
|
|
+ <span class="line"></span>
|
|
|
+ <span class="button" @click="handleMenuItemClick"
|
|
|
+ ><SvgIcon icon-class="sidebar-pushpin" size="14" /> 添加批注
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -889,3 +896,19 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
+<style lang="scss">
|
|
|
+.menu-remark-info {
|
|
|
+ min-width: 2%;
|
|
|
+ max-width: 450px;
|
|
|
+
|
|
|
+ video,
|
|
|
+ img {
|
|
|
+ max-width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ audio {
|
|
|
+ max-width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
natasha
