| | |
| | | <a-icon type="plus-circle" style="margin-left: 0px;" /> |
| | | </a-button> |
| | | <tempFriendBox></tempFriendBox> |
| | | <tempBoxActicle></tempBoxActicle> |
| | | <router-view class="fade"></router-view> |
| | | </a-col> |
| | | |
| | |
| | | |
| | | <script> |
| | | import tempFriendBox from "../group/tempFriendBox.vue" |
| | | import tempBoxActicle from "../group/tempBoxActicle.vue" |
| | | import tempFormCheck from "../group/tempFormCheck.vue" |
| | | import box10 from "../mini/box10-add.vue" |
| | | 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: { |
| | | tempFriendBox, |
| | | tempBoxActicle, |
| | | tempFormCheck, |
| | | box10, |
| | | boxLeft, |
| | | boxRight, |
| | | articleList, |
| | | articleListScorll, |
| | | |
| | | |
| | | }, |
| | | methods: { |
| | | getCalendarContainer(trigger) { |
| | |
| | | } |
| | | |
| | | |
| | | @card-box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.1), -8px -8px 18px rgba(255, 255, 255, 1); |
| | | |
| | | /*--------------------- |
| | | | 核心盒子构成start | |
| | | ------- ---------------*/ |
| | | .blog-container { |
| | | border-radius: 15px; |
| | | // background-color: #f5f8fa; |
| | | background-color: white; |
| | | |
| | | line-height: 1.4; |
| | |
| | | padding-top: 10px; |
| | | padding-bottom: 20px; |
| | | overflow: hidden; |
| | | -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); |
| | | box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); |
| | | // box-shadow: 1px 1px 1px 2px #00000059 |
| | | // 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); |
| | | // box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); |
| | | |
| | | box-shadow: @card-box-shadow; |
| | | -webkit-box-shadow: @card-box-shadow; |
| | | transition: all .4s; |
| | | -webkit-transition: all .6s; |
| | | -moz-transition: all .6s; |
| | | -o-transition: all .6s; |
| | | -ms-transition: all .6s; |
| | | } |
| | | |
| | | //div本体阴影 |
| | | .blog-container:hover { |
| | | transition: all .25s; |
| | | -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(255, 255, 255, 0.8), inset 9px 9px 15px rgba(0, 0, 0, 0.1), inset -9px -9px 15px rgba(255, 255, 255, 1); |
| | | box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(255, 255, 255, 0.8), inset 9px 9px 15px rgba(0, 0, 0, 0.1), inset -9px -9px 15px rgba(255, 255, 255, 1); |
| | | } |
| | | |
| | | .show-line { |