From 620f759cfe9fa42fa9667b2ec63d7d00944e4af0 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Wed, 02 Mar 2022 12:49:35 +0800
Subject: [PATCH] 评论列表样式调整
---
src/components/swichLabel/main1-show.vue | 28 ++++++++++++++++++++--------
1 files changed, 20 insertions(+), 8 deletions(-)
diff --git a/src/components/swichLabel/main1-show.vue b/src/components/swichLabel/main1-show.vue
index ffdb735..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'"
@@ -23,10 +24,10 @@
</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">
- more
+ <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>
@@ -37,7 +38,8 @@
<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>
@@ -51,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 {
@@ -60,6 +63,7 @@
articleListScorll,
tool,
MyModal,
+ MyPreviewModal,
},
methods: {
showScreen() {
@@ -84,6 +88,9 @@
showModal() {
this.$refs.myModal.showModal();
},
+ showPreview() {
+ this.$refs.MyPreviewModal.showModal();
+ },
afterVisibleChange(val) {},
showDrawer1() {
this.visible1 = true;
@@ -101,7 +108,7 @@
colMini: {
xs: 1,
sm: 1,
- md: 1,
+ md: 0,
lg: 0,
xl: 0,
xxl: 0
@@ -197,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