对接接口

2021-11-03 21:02:22 +08:00
parent 411ecf4c05
commit c5c2f661a0
71 changed files with 5436 additions and 145 deletions
@@ -0,0 +1,62 @@
+<template>
+  <div class="merit-goods">
+      <img  class="goods" src="https://img1.baidu.com/it/u=1786251324,3168622427&fm=26&fmt=auto" alt="">
+      <div class="info">
+          <h3 class="title">放生修复|观音出家月放生佛祖坚持护佑，第一迅猛的运转方法</h3>
+          <div class="bar">
+              <span class="join-number">已有100000人参与</span>
+              <button class="join">参与</button>
+          </div>
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+    name: 'merit-goods'
+}
+</script>
+
+<style lang="scss">
+    .merit-goods{
+        display: flex;
+        justify-content: space-between;
+        padding: .4rem;
+        border-bottom: .01rem solid #f2f2f2;
+        .goods{
+            width: 2.93rem;
+            height: 2.93rem;
+            margin-right: .4rem;
+            border-radius: .11rem;
+        }
+        .info{
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            .title{
+                font-size: .4rem;
+                line-height: 1.3;
+            }
+            .bar{
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .join-number{
+                    font-size: .35rem;
+                    color: #666;
+                }
+                .join{
+                    height: .67rem;
+                    padding: 0 .4rem;
+                    background: #CF9E3B;
+                    border: .01rem solid #CF9E3B;
+                    color: white;
+                    border-radius: .05rem;
+                    font-size: .37rem;
+                    line-height: .67rem;
+                }
+            }
+        }
+    }
+</style>