mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-08 02:16:43 +08:00
外链
This commit is contained in:
@@ -92,8 +92,12 @@
|
||||
<div v-if="contentData.content != ''">
|
||||
<div class="hyper-link" v-if="conLink.openType == 2">
|
||||
<div class="hyper-link-row">外链名称: {{ contentData.contentName }}</div>
|
||||
<div class="hyper-link-row">外链地址: {{ conLink.url }}</div>
|
||||
<button class="copy-button" @click="copyUrl(conLink.url)">复制外链</button>
|
||||
<!-- <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>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="conLink.openType == 1"><iframe :src="conLink.url"
|
||||
style="width: 100%;border:0px;min-height: 473px;" frameborder="0"></iframe></div>
|
||||
@@ -2395,4 +2399,17 @@
|
||||
.copy-button:hover {
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user