From c23efbe2832d1a9eecd4ef5d20d984661b24dd22 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 22 Feb 2022 01:21:52 +0800 Subject: [PATCH] 文章添加补充 --- src/components/swichLabel/main1-show.vue | 55 +++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 43 insertions(+), 12 deletions(-) diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue index af389a3..c0ff852 100644 --- a/src/components/swichLabel/main1-show.vue +++ b/src/components/swichLabel/main1-show.vue @@ -15,21 +15,24 @@ <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'}"> <a-affix :offset-top="550"> <a-button @click="showDrawer1"> - 抽屉1 + more </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; @@ -182,6 +205,11 @@ .blog-cell { opacity: 0.8; padding: 0px 14px 10px; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + -khtml-user-select: none; + user-select: none; } /*左边部分*/ @@ -231,7 +259,7 @@ text-align: center; padding-top: 20px; padding-bottom: 20px; - max-height: 300px; + // max-height: 300px; /*margin-top: 10px;*/ /*min-height: 200px;*/ @@ -241,7 +269,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 +282,8 @@ -moz-transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; + transition: height 2s; + } //div本体阴影 @@ -269,10 +299,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