|
@@ -1,23 +1,14 @@
|
|
|
<template>
|
|
|
<div class="page-skeleton">
|
|
|
- <img
|
|
|
- src="./img/secondhead.jpg"
|
|
|
- class="i1"
|
|
|
- />
|
|
|
+ <img src="./img/secondhead.jpg" class="i1" />
|
|
|
|
|
|
<div class="center">
|
|
|
- <p
|
|
|
- class="title"
|
|
|
- v-text="titleLine"
|
|
|
- v-if="titleLine"
|
|
|
- ></p>
|
|
|
+ <p class="title" v-text="titleLine" v-if="titleLine"></p>
|
|
|
<div v-if="title" class="title_text">
|
|
|
<div class="icon">
|
|
|
<div class="dh"></div>
|
|
|
</div>
|
|
|
- <span
|
|
|
- style="display: block"
|
|
|
- >
|
|
|
+ <span style="display: block">
|
|
|
{{ title }}
|
|
|
</span>
|
|
|
<div class="line"></div>
|
|
@@ -48,9 +39,9 @@ defineProps({
|
|
|
// 动画库
|
|
|
@import url(./sass/animation.scss);
|
|
|
@import url(./sass/base.scss);
|
|
|
-#app{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+#app {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
.page-skeleton {
|
|
|
background-color: #fff;
|
|
@@ -96,6 +87,10 @@ defineProps({
|
|
|
text-align: left;
|
|
|
position: relative;
|
|
|
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+
|
|
|
.icon {
|
|
|
position: absolute;
|
|
|
left: 0;
|