|
|
@@ -11,6 +11,9 @@
|
|
|
<img class="img-1-dh" src="@/assets/ZDimages/icon_zhuanquan@1x.png">
|
|
|
<p>{{titleData.name}}</p>
|
|
|
</div>
|
|
|
+ <img class="bottom-img-box img-top" v-if="titleData.type == 'top'" src="@/assets/ZDimages/btdh_1.gif">
|
|
|
+ <img class="bottom-img-box img-left-right" v-if="titleData.type == 'left' || titleData.type == 'right'" src="@/assets/ZDimages/btdh_2.gif">
|
|
|
+ <img class="bottom-img-box img-bottom" v-if="titleData.type == 'bottom1' || titleData.type == 'bottom2'" src="@/assets/ZDimages/btdh_2.gif">
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -42,6 +45,7 @@
|
|
|
<style scoped lang="scss">
|
|
|
.titleComponent{
|
|
|
display: flex;
|
|
|
+ position: relative;
|
|
|
.titleComponent-page{
|
|
|
display: flex;
|
|
|
height:80px;
|
|
|
@@ -115,5 +119,22 @@
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
}
|
|
|
+ .bottom-img-box{
|
|
|
+ position: absolute;
|
|
|
+ left:100px;
|
|
|
+ top:80px;
|
|
|
+ }
|
|
|
+ .img-top{
|
|
|
+ width:1654px;
|
|
|
+ height:10px;
|
|
|
+ }
|
|
|
+ .img-left-right{
|
|
|
+ width:840px;
|
|
|
+ height:10px;
|
|
|
+ }
|
|
|
+ .img-bottom{
|
|
|
+ width:800px;
|
|
|
+ height:10px;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|