修正佛前供灯bug

src/pages/merit-box/index.vue

@@ -36,6 +36,7 @@
 				</div>
 			</div>
 			<div class="merit-button-group" :style="{bottom: tabHeight + 'px'}">
+                <button class="iconfont icon-arrow-left" @click="back"></button>
 				<button class="merit-button" @click="openBox">随喜功德</button>
 			</div>
 		</div>
@@ -100,6 +101,9 @@ export default {
         }
 	},
 	methods: {
+        back(){
+            this.$router.push({ name: 'home', query: { temple_id: this.query.temple_id } })
+        },
         openBox(){
             this.randVisible = true
         },
@@ -234,19 +238,38 @@ export default {
 		right: 0;
 		background: white;
 		padding-top: .2rem;
-		padding-bottom: .2rem;
+		padding-bottom: calc(.2rem + env(safe-area-inset-bottom));
 		border-top: .01rem solid #ddd;
+        display: flex;
+        padding-left: .4rem;
+        padding-right: .4rem;
+        .iconfont{
+            width: 20%;
+            background: white;
+            border: 1px solid #ddd;
+            margin-right: .4rem;
+            border-radius: 4px;
+            font-size: .6rem;
+        }
 		.merit-button{
-			display: inline-block;
-            vertical-align: top;
-			background: $primary-color;
-			color: white;
-			height: .93rem;
-			font-size: .37rem;
-			padding: 0 2rem;
-			border: .01rem solid $primary-color;
-			border-radius: $btn-border-radius;
+			//display: inline-block;
+            //vertical-align: top;
+			//background: $primary-color;
+			//color: white;
+			//height: 1.4rem;
+			//font-size: .37rem;
+			//padding: 0 2rem;
+			//border: .01rem solid $primary-color;
+			//border-radius: $btn-border-radius;
+            //flex: 1;
 
+            flex: 1;
+            font-size: .4rem;
+            padding: .3rem 1rem;
+            background: $primary-color;
+            border: 1px solid $primary-color;
+            color: white;
+            border-radius: .1rem;
 		}
 	}
 }