更新在寄托投币排行榜里增加我要投币

components/RankingBox.vue

@@ -20,6 +20,10 @@
                     </div>
                 </div>
             </div>
+            <div class="bottom flexcenter">
+                <div class="bottom-item flexcenter" @click="coinrankingState = false">关闭</div>
+                <div class="bottom-item green flexcenter" @click="wantCoin()">我要投币</div>
+            </div>
         </div>
     </div>
 </template>
@@ -27,6 +31,12 @@
 const props = defineProps(["coinrankingList"])
 
 let coinrankingState = inject("coinrankingState")
+let openCoinOperation = inject("openCoinOperation")
+
+const wantCoin = () => {
+    coinrankingState.value = false
+    openCoinOperation()
+}
 </script>
 <style scoped lang="less">
 .pop-masking {
@@ -39,7 +49,7 @@ let coinrankingState = inject("coinrankingState")
     z-index: 10;
     .box {
         width: 552px;
-        height: 490px;
+        height: 540px;
         background-color: rgba(255, 255, 255, 1);
         border-radius: 14px;
         -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.207843137254902);
@@ -72,6 +82,7 @@ let coinrankingState = inject("coinrankingState")
             height: 376px;
             overflow: auto;
             border-bottom: 1px solid #ebebeb;
+            margin-right: 5px;
             // margin-right: 10px;
             &::-webkit-scrollbar {
                 // margin-right: 10px !important;
@@ -80,7 +91,6 @@ let coinrankingState = inject("coinrankingState")
 
             .item {
                 height: 64px;
-                border-bottom: 1;
                 font-size: 13px;
                 color: #000;
                 border-bottom: 1px dotted #f2f2f2;
@@ -117,6 +127,26 @@ let coinrankingState = inject("coinrankingState")
                 }
             }
         }
+
+        .bottom {
+            height: 88px;
+            .bottom-item {
+                width: 128px;
+                height: 38px;
+                border: 1px solid rgba(121, 121, 121, 1);
+                border-radius: 45px;
+                font-size: 14px;
+                color: #000000;
+                cursor: pointer;
+
+                &.green {
+                    color: #fff;
+                    border-color: rgba(114, 219, 134, 1);
+                    background: rgba(114, 219, 134, 1);
+                    margin-left: 21px;
+                }
+            }
+        }
     }
 }
 </style>