券详情单个按钮未显示；

src/views/user/index.vue

@@ -11,7 +11,7 @@
           <div class="nickname">{{mainUserData.name}}</div>
         </div>
         <div class="more">
-          <span class="btn" @click="goToMember">
+          <span class="more-btn" @click="goToMember">
             <i class="glyphicon glyphicon-home"></i> 家庭福利
           </span>
         </div>
@@ -196,12 +196,12 @@ export default {
     text-align:right;
     padding-right: 1em;
   }
-  .user-page .head .more > .btn {
+  .user-page .head .more > .more-btn {
     display:inline-block;
     width:6.1em;
     border-radius:10px;
     background-color:rgba(0, 0, 0, 0.2);
-    padding:0.4em;
+    padding:0.4em 0;
     text-align:center;
     border:1px solid rgba(255, 255, 255, 0.5);
     font-size: 1em;

src/views/voucherDetail/index.vue

@@ -66,6 +66,13 @@
                   </div>
                   <div class="cell title">{{item.title}}</div>
                 </div>
+                <div class="table-btn transverse" v-if="voucherBtnData.length == 1" @click="handleClick(item.url)"> <!-- transverse：横向 vertical：垂直 -->
+                  <div class="cell icon">
+                    <mt-spinner v-show="item.iconLoading" type="fading-circle" color="#43d1be"></mt-spinner>
+                    <img v-show="!item.iconLoading" :src="item.picture"/>
+                  </div>
+                  <div class="cell title">{{item.title}}</div>
+                </div>
               </div>
             </div>
           </div>