From ec97e05d923dc7a343b16ddd5134f1dff8071051 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 01 Mar 2022 18:53:37 +0800
Subject: [PATCH] 评论页实现
---
src/components/swichLabel/main1-show.vue | 55 ++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 40 insertions(+), 15 deletions(-)
diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue
index 45172ae..d88d368 100644
--- a/src/components/swichLabel/main1-show.vue
+++ b/src/components/swichLabel/main1-show.vue
@@ -1,6 +1,7 @@
<template>
<div>
<MyModal ref="myModal"></MyModal>
+ <MyPreviewModal ref="MyPreviewModal"></MyPreviewModal>
<div class="blog-drawer">
<a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'"
@@ -15,26 +16,30 @@
<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
+ <a-col v-bind="colMini" :style="{'position':'absolute','right':'5px'}">
+ <a-affix :offset-top="600">
+ <a-button @click="showDrawer1" style="padding:0px 10px">
+ <a-icon type="left-circle" />
</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">
<!-- <boxRight></boxRight> -->
- <tool @showModal="showModal" @showDrawer1="showDrawer1" @showScreen="showScreen"></tool>
+ <tool @showModal="showModal" @showPreview="showPreview" @showDrawer1="showDrawer1"
+ @showScreen="showScreen"></tool>
</a-col>
</a-row>
</div>
@@ -48,6 +53,7 @@
import articleListScorll from "../group/articleListScorll.vue"
import tool from "../group/tool.vue"
import MyModal from "../group/MyModal.vue"
+ import MyPreviewModal from "../group/MyPreviewModal.vue"
export default {
@@ -57,6 +63,7 @@
articleListScorll,
tool,
MyModal,
+ MyPreviewModal,
},
methods: {
showScreen() {
@@ -81,6 +88,9 @@
showModal() {
this.$refs.myModal.showModal();
},
+ showPreview() {
+ this.$refs.MyPreviewModal.showModal();
+ },
afterVisibleChange(val) {},
showDrawer1() {
this.visible1 = true;
@@ -98,7 +108,7 @@
colMini: {
xs: 1,
sm: 1,
- md: 1,
+ md: 0,
lg: 0,
xl: 0,
xxl: 0
@@ -165,7 +175,17 @@
src: url("https://unpkg.zhimg.com/fontawepro@latest/fonts/hytmr55.woff") format("truetype");
}
- span,p,a,body,h1,h2,h3,h4,h5,h6,code {
+ span,
+ p,
+ a,
+ body,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ code {
font-family: HYTangMeiRen !important;
}
@@ -184,14 +204,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;
}
/*左边部分*/
--
Gitblit v1.9.1