| | |
| | | <div> |
| | | <div class="recent-posts" id="recent-posts"> |
| | | <div class="recent-post-item"> |
| | | |
| | | <div class="miniTag" v-if="isTop==1">置顶</div> |
| | | <div class="post_cover left_radius" v-if="id%2==0"> |
| | | <router-link :to="{path:'/mdDetail',query:{id:id}}" :title="title"> |
| | | <div class="block left_radius"></div> |
| | |
| | | "id": { |
| | | default: 0, |
| | | }, |
| | | "isTop": { |
| | | default: 0, |
| | | }, |
| | | "authStatus": { |
| | | default: 1, |
| | | }, |
| | |
| | | @title-clolr: dimgray; |
| | | @card-hover-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); |
| | | |
| | | .recent-post-item { |
| | | position: relative; |
| | | } |
| | | |
| | | .miniTag { |
| | | z-index: 1; |
| | | position: absolute; |
| | | right: 8px; |
| | | top: 8px; |
| | | transform: rotate(30deg); |
| | | box-shadow: aliceblue; |
| | | } |
| | | |
| | | // #recent-posts>.recent-post-item:not(:first-child) { |
| | | // margin-top: 1rem; |