a1300399510@qq.com 提交于 2023/03/31 -12:20:01

src/components/DetailReply.vue

@@ -2,14 +2,14 @@
     <div>
         <!-- 弹窗-讨论-单行 -->
         <div class="pop-box flexflex flexcolumn" v-if="popState == 'discussionSingle'"
-            @click="openDiscussionSingleState ? 'handlePopCancel' : ''">
+            @click="openDiscussionSingleState ? handlePopCancel() : ''">
             <div class="discussion-box pop-box-box flexflex flexcolumn" style="border-radius: .4rem .4rem 0 0;"
                 catchtap="return false">
                 <div class="discussion-header flexacenter" v-if="twoCommentData">
                     <img class="discussion-avatar" :src="twoCommentData.avatar" />
                     <div class="discussion-text one-line">{{ twoCommentData.content }}</div>
-                    <img class="discussion-icom" @click.stop="clearTwoCommentData()"
-                        style="height:13px;transform: translate(0);top:0;" src="@/assets/img/detail/u1428.png">
+                    <!-- <img class="discussion-icom" @click.stop="clearTwoCommentData()"
+                        style="height:13px;transform: translate(0);top:0;" src="@/assets/img/detail/u1428.png"> -->
                 </div>
                 <div class="discussion-single-box flexflex flex1">
                     <div class="discussion-single-content flexacenter flex1">
@@ -32,7 +32,7 @@
                 <div class="discussion-header flexacenter" v-if="twoCommentData">
                     <img class="discussion-avatar" :src="twoCommentData.avatar" />
                     <div class="discussion-text one-line">{{ twoCommentData.content }}</div>
-                    <img class="discussion-icom" @click.stop="clearTwoCommentData()" src="@/assets/img/detail/u1428.png">
+                    <!-- <img class="discussion-icom" @click.stop="clearTwoCommentData()" src="@/assets/img/detail/u1428.png"> -->
                 </div>
                 <div class="discussion-multi-content flexflex flex1">
                     <textarea class="discussion-multi-textarea flex1" type="text" maxlength="500" v-model="commentContent"
@@ -57,7 +57,7 @@ export default {
     data() {
         return {
             commentContent: "",
-            openDiscussionSingleState: false, // 弹出键盘动画
+            openDiscussionSingleState: true, // 弹出键盘动画
         };
     },
     props: ["twoCommentData", "popState"],
@@ -76,7 +76,6 @@ export default {
 
         // 关闭弹窗
         handlePopCancel() {
-            console.log("fglkdf;lgkdfl;k");
             this.$parent.twoCommentData = null
             this.$parent.popState = ""
         },
@@ -89,19 +88,9 @@ export default {
         // 切换简单的切换数据
         setValue(key, value) {
             this.$parent.popState = "discussionMulti"
-
-            setTimeout(() => {
-                console.log("twoCommentData", this.twoCommentData);
-            }, 1000);
         },
 
         openDiscussionSingle() {
-            if (!this.data.islogin) {
-                this.setData({
-                    isloginBtnState: true
-                })
-                return
-            }
             this.$parent.popState = "discussionSingle"
             this.openDiscussionSingleState = false
 
@@ -164,16 +153,16 @@ export default {
     padding-left: .32rem;
     position: relative;
 
-    .discussion-icom {
-        width: .36rem;
-        height: .36rem;
-        padding: .32rem;
-        position: absolute;
-        top: 50%;
-        right: 0;
-        transform: translateY(-50%);
-        z-index: 5;
-    }
+    // .discussion-icom {
+    //     width: .36rem;
+    //     height: .36rem;
+    //     padding: .32rem;
+    //     position: absolute;
+    //     top: 50%;
+    //     right: 0;
+    //     transform: translateY(-50%);
+    //     z-index: 5;
+    // }
 
     .discussion-text {
         font-size: .32rem;

src/components/unlock/Coins.vue

@@ -0,0 +1,42 @@
+<template>
+    <div>
+        <!-- 投币-币不够 -->
+        <div class="pop-box flexflex flexcolumn" v-if="popState == 'coinNo'" @click="handlePopCancel()">
+            <div class="coin-insufficient pop-box-box" @click.stop="">
+                <div class="coin-close flexcenter" @click="handlePopCancel()">
+                    <img class="coin-close-icom" src="../../img/u1583.svg" />
+                </div>
+                <div class="insufficient-header flexcenter">
+                    <img class="coin-img" src="@/icons/svg/bi.svg" />
+                    {{ coinConfig.strategy.tips }}
+                </div>
+                <div class="strategy-btn flexcenter" @click.stop="skipUrl(coinConfig.strategy.url)">{{
+                    coinConfig.strategy.button }}
+                    <img class="strategy-icom" src="@/icons/svg/arrowsRoundLeft.svg" />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Coins',
+    props: ["popState"],
+    data() {
+        return {
+
+        };
+    },
+
+    mounted() {
+
+    },
+
+    methods: {
+
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>