diff --git a/src/mods/AppOrderList/orderInfo.vue b/src/mods/AppOrderList/orderInfo.vue
index 90679da..7dd5fec 100644
--- a/src/mods/AppOrderList/orderInfo.vue
+++ b/src/mods/AppOrderList/orderInfo.vue
@@ -31,7 +31,7 @@
         </div>
         <div class="order-bottom__bottom" v-if="info.orderStatus === '0'">
           <div></div>
-          <span @click="cancel">取消订单</span>
+          <span class="cancelBtn" @click="cancel">取消订单</span>
         </div>
       </div>
     </div>
@@ -232,5 +232,9 @@ export default {
       }
     }
   }
+  .cancelBtn{
+    color: $uni-color-primary;
+    padding: 8px 16px;
+  }
 }
 </style>