From 6bcd135673be57b00ea68e58f1ae6aef2ac19e21 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Thu, 17 Feb 2022 18:30:05 +0800 Subject: [PATCH] 友链接口对接 --- src/components/swichLabel/main1-show.vue | 48 +++++++++++++++++++++++++++++++++++++----------- 1 files changed, 37 insertions(+), 11 deletions(-) diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue index af389a3..3bcd6f6 100644 --- a/src/components/swichLabel/main1-show.vue +++ b/src/components/swichLabel/main1-show.vue @@ -15,10 +15,12 @@ <div class="blog-main"> <a-row> - <a-col v-bind="colApiLeft"> - <boxLeft></boxLeft> - <boxRight></boxRight> - </a-col> + <keep-alive> + <a-col v-bind="colApiLeft"> + <boxLeft></boxLeft> + <boxRight></boxRight> + </a-col> + </keep-alive> <a-col v-bind="colApiMain "> <a-col v-bind="colMini" :style="{'position':'absolute','right':'30px'}"> @@ -28,8 +30,9 @@ </a-button> </a-affix> </a-col> - - <router-view class="fade"></router-view> + <keep-alive> + <router-view class="fade"></router-view> + </keep-alive> </a-col> <a-col v-bind="colApiRight" ref="myDrawer"> @@ -159,6 +162,26 @@ </script> <style lang="less"> + @font-face { + font-family: 'HYTangMeiRen'; + // font-display: swap; + src: url("https://unpkg.zhimg.com/fontawepro@latest/fonts/hytmr55.woff") format("truetype"); + } + + span, + p, + a, + body, + h1, + h2, + h3, + h4, + h5, + h6, + code { + font-family: HYTangMeiRen !important; + } + .swichTag { min-height: 750px; padding: 30px 30px 10px; @@ -231,7 +254,7 @@ text-align: center; padding-top: 20px; padding-bottom: 20px; - max-height: 300px; + // max-height: 300px; /*margin-top: 10px;*/ /*min-height: 200px;*/ @@ -241,7 +264,7 @@ padding-top: 10px; padding-bottom: 20px; - overflow: hidden; + // overflow: hidden; // box-shadow: 1px 1px 1px 2px #00000059; // -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); @@ -254,6 +277,8 @@ -moz-transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; + transition: height 2s; + } //div本体阴影 @@ -269,10 +294,11 @@ .blog-scroll { padding-top: 10px; - max-height: 200px; - overflow-x: hidden; - overflow-y: overlay; + overflow-y: hidden; + + transition: height 1s; + } -- Gitblit v1.9.1