From f60b31044a9a117244e7cd5d51f29b53d425a409 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Mon, 28 Feb 2022 18:34:47 +0800 Subject: [PATCH] wow.js 加入 --- src/components/swichLabel/main1-show.vue | 61 +++++++++++++++++++++++------- 1 files changed, 47 insertions(+), 14 deletions(-) diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue index af389a3..7b20388 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,28 @@ </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; @@ -174,14 +199,19 @@ .blog-main { margin-top: 80px; - padding-left: 5%; - padding-right: 5%; + padding-left: 3%; + padding-right: 3%; } /*左右两边的盒子容器*/ .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 +261,7 @@ text-align: center; padding-top: 20px; padding-bottom: 20px; - max-height: 300px; + // max-height: 300px; /*margin-top: 10px;*/ /*min-height: 200px;*/ @@ -241,7 +271,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 +284,8 @@ -moz-transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; + transition: height 2s; + } //div本体阴影 @@ -269,10 +301,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