inleft
2022-02-27 b1336e3f7fbc43854b6e891578a1d7673ea8e6dd
弹窗调整
4 files modified
50 ■■■■ changed files
src/App.vue 29 ●●●●● patch | view | raw | blame | history
src/components/mini/box12-comment.vue 15 ●●●● patch | view | raw | blame | history
src/components/mini/tagTime.vue 4 ●●● patch | view | raw | blame | history
src/components/swichLabel/main1-show.vue 2 ●●●●● patch | view | raw | blame | history
src/App.vue
@@ -48,4 +48,33 @@
        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>
src/components/mini/box12-comment.vue
@@ -1,10 +1,10 @@
<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">
@@ -12,8 +12,8 @@
                </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>
@@ -59,6 +59,7 @@
            replyBox
        },
        methods: {
            handleOk(e) {},
            loadMore() {
                this.commentListData[0].replyList.listData = this.commentListData[0].replyList.listData.concat(this
                    .commentListData[0].replyList.listData)
@@ -74,7 +75,7 @@
        },
        data() {
            return {
                visible: false,
                visible: true,
                commentListData: [{
                    userName: "bimo",
                    userComment: "1+1=2?",
@@ -104,7 +105,7 @@
                            replyUserName: "inleft",
                        }]
                    },
                },{
                }, {
                    userName: "bimo",
                    userComment: "1+1=2?",
                    commentTime: "2022-02-22 22:22:22",
src/components/mini/tagTime.vue
@@ -72,11 +72,13 @@
<style lang="less">
    .ant-timeline-item-content {
        a {
            color: #555;
        }
        span {
            line-height: 30px;
        }
src/components/swichLabel/main1-show.vue
@@ -162,6 +162,8 @@
</script>
<style lang="less">
    @font-face {
        font-family: 'HYTangMeiRen';
        // font-display: swap;