| | |
| | | margin-top: 20px; |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | a { |
| | | color: #555; |
| | | position: relative; |
| | | } |
| | | |
| | | a:hover:after { |
| | | left: 0; |
| | | width: 100%; |
| | | -webkit-transition: width 350ms; |
| | | -moz-transition: width 350ms; |
| | | -ms-transition: width 350ms; |
| | | -o-transition: width 350ms; |
| | | transition: width 350ms; |
| | | } |
| | | |
| | | a:after { |
| | | position: absolute; |
| | | bottom: -0.0625rem; |
| | | left: 100%; |
| | | width: 0; |
| | | border-bottom: 0.0625rem solid #30a9de; |
| | | content: ""; |
| | | -webkit-transition: width 350ms, left 350ms; |
| | | -moz-transition: width 350ms, left 350ms; |
| | | -ms-transition: width 350ms, left 350ms; |
| | | -o-transition: width 350ms, left 350ms; |
| | | transition: width 350ms, left 350ms; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="myFriend"> |
| | | <replyBox></replyBox> |
| | | <replyBox ref="commentBoxId"></replyBox> |
| | | <a-modal v-model="visible" title="回复Ta @xx" on-ok="handleOk" |
| | | :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}"> |
| | | <template slot="footer"> |
| | | <!-- <a-button key="reset" @click="reset" type="danger"> |
| | | <!-- <template slot="footer"> |
| | | <a-button key="reset" @click="reset" type="danger"> |
| | | 擦掉重来 |
| | | </a-button> |
| | | <a-button key="back" @click="handleCancel"> |
| | |
| | | </a-button> |
| | | <a-button key="submit" type="primary" :loading="loading" @click="handleOk"> |
| | | 完事<span style="font-size: 10px;">儿</span>.. |
| | | </a-button> --> |
| | | </template> |
| | | </a-button> |
| | | </template> --> |
| | | <replyBox ref="replyBoxId"></replyBox> |
| | | </a-modal> |
| | | |
| | |
| | | replyBox |
| | | }, |
| | | methods: { |
| | | handleOk(e) {}, |
| | | loadMore() { |
| | | this.commentListData[0].replyList.listData = this.commentListData[0].replyList.listData.concat(this |
| | | .commentListData[0].replyList.listData) |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | visible: false, |
| | | visible: true, |
| | | commentListData: [{ |
| | | userName: "bimo", |
| | | userComment: "1+1=2?", |
| | |
| | | replyUserName: "inleft", |
| | | }] |
| | | }, |
| | | },{ |
| | | }, { |
| | | userName: "bimo", |
| | | userComment: "1+1=2?", |
| | | commentTime: "2022-02-22 22:22:22", |
| | |
| | | |
| | | |
| | | <style lang="less"> |
| | | |
| | | .ant-timeline-item-content { |
| | | |
| | | a { |
| | | color: #555; |
| | | } |
| | | |
| | | |
| | | span { |
| | | line-height: 30px; |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="less"> |
| | | |
| | | |
| | | @font-face { |
| | | font-family: 'HYTangMeiRen'; |
| | | // font-display: swap; |