| | |
| | | <div> |
| | | <div class="blog-drawer"> |
| | | <a-drawer placement="left" :closable="false" :visible="visible1" :getContainer="'body'" |
| | | :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="10" :width=270 |
| | | :after-visible-change="afterVisibleChange" @close="onClose1" :zIndex="90" :width=270 |
| | | :bodyStyle="{padding:'0px'}" :wrapStyle="{padding:'0px',top:'60px'}"> |
| | | <boxLeft></boxLeft> |
| | | </a-drawer> |
| | | |
| | | <a-drawer placement="right" :closable="false" :visible="visible2" :getContainer="'body'" |
| | | :after-visible-change="afterVisibleChange" @close="onClose2" :zIndex="10" :width=270 |
| | | :after-visible-change="afterVisibleChange" @close="onClose2" :zIndex="90" :width=270 |
| | | :bodyStyle="{padding:'0px'}" :wrapStyle="{padding:'0px',top:'60px'}"> |
| | | <boxRight></boxRight> |
| | | </a-drawer> |
| | |
| | | <a-button @click="showDrawer2"> |
| | | 小抽屉2 |
| | | </a-button> |
| | | <router-view></router-view> |
| | | <articleListScorll/> |
| | | <!-- <router-view class="fade"></router-view> --> |
| | | </a-col> |
| | | |
| | | <a-col v-bind="colApiRight" ref="myDrawer"> |
| | |
| | | import boxLeft from "../group/boxLeft.vue" |
| | | import boxRight from "../group/boxRight.vue" |
| | | import articleList from "../group/articleList.vue" |
| | | import articleListScorll from "../group/articleListScorll.vue" |
| | | |
| | | export default { |
| | | |
| | | components: { |
| | | boxLeft, |
| | | boxRight, |
| | | articleList |
| | | articleList, |
| | | articleListScorll, |
| | | |
| | | }, |
| | | methods: { |
| | | afterVisibleChange(val) {}, |
| | |
| | | background-color: white; |
| | | border-radius: 15px; |
| | | } |
| | | .holdHeight{ |
| | | min-height: 780px; |
| | | } |
| | | |
| | | .article-detail { |
| | | max-height: 750px; |
| | |
| | | /*左右两边的盒子容器*/ |
| | | .blog-cell { |
| | | opacity: 0.8; |
| | | padding: 0px 25px 10px; |
| | | padding: 0px 14px 10px; |
| | | } |
| | | |
| | | /*左边部分*/ |