mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 19:36:43 +08:00
外链
This commit is contained in:
@@ -92,9 +92,13 @@
|
|||||||
<div v-if="contentData.content != ''">
|
<div v-if="contentData.content != ''">
|
||||||
<div class="hyper-link" v-if="conLink.openType == 2">
|
<div class="hyper-link" v-if="conLink.openType == 2">
|
||||||
<div class="hyper-link-row">外链名称: {{ contentData.contentName }}</div>
|
<div class="hyper-link-row">外链名称: {{ contentData.contentName }}</div>
|
||||||
<div class="hyper-link-row">外链地址: {{ conLink.url }}</div>
|
<!-- <div class="hyper-link-row">外链地址: {{ conLink.url }}</div>-->
|
||||||
|
<!-- <button class="copy-button" @click="copyUrl(conLink.url)">复制外链</button>-->
|
||||||
|
<div class="hyper-link-url-container">
|
||||||
|
<span class="hyper-link-url">{{ conLink.url }}</span>
|
||||||
<button class="copy-button" @click="copyUrl(conLink.url)">复制外链</button>
|
<button class="copy-button" @click="copyUrl(conLink.url)">复制外链</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div v-if="conLink.openType == 1"><iframe :src="conLink.url"
|
<div v-if="conLink.openType == 1"><iframe :src="conLink.url"
|
||||||
style="width: 100%;border:0px;min-height: 473px;" frameborder="0"></iframe></div>
|
style="width: 100%;border:0px;min-height: 473px;" frameborder="0"></iframe></div>
|
||||||
</div>
|
</div>
|
||||||
@@ -2395,4 +2399,17 @@
|
|||||||
.copy-button:hover {
|
.copy-button:hover {
|
||||||
background-color: #66b1ff;
|
background-color: #66b1ff;
|
||||||
}
|
}
|
||||||
|
.hyper-link-url-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hyper-link-url {
|
||||||
|
max-width: calc(100% - 80px); /* 留出按钮空间 */
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user