按钮优化

mallApp/src/pages/home/recent.vue

@@ -12,12 +12,12 @@
 
       <view class="ghs_list_page flex-col" v-if="!$util.isEmpty(list)">
 
-        <view style="background-color:white;margin-bottom:20upx;">
-          <button class="admin-button-com mini-btn blue" style="margin-left:4upx;padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;" @click="">修改密码</button>
-          <button class="admin-button-com mini-btn blue" style="margin-left:4upx;padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;" @click="">改进建议</button>
-          <button class="admin-button-com mini-btn blue" style="margin-left:4upx;padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;" @click="">我的地址</button>
-          <button class="admin-button-com mini-btn blue" style="margin-left:4upx;padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;" @click="">采购统计</button>
-          <button class="admin-button-com mini-btn blue" style="margin-left:4upx;padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;" @click="logout()">退出登录</button>
+        <view style="background-color:white;margin-bottom:20upx;display: flex;flex-direction: row;justify-content: space-around;">
+          <button class="admin-button-com mini-btn blue top-button" @click="">修改密码</button>
+          <button class="admin-button-com mini-btn blue top-button" @click="">改进建议</button>
+          <button class="admin-button-com mini-btn blue top-button" @click="">我的地址</button>
+          <button class="admin-button-com mini-btn blue top-button" @click="">采购统计</button>
+          <button class="admin-button-com mini-btn blue top-button" @click="logout()">退出登录</button>
         </view>
 
         <view class="ghs_list_area flex-col justify-end">
@@ -189,6 +189,9 @@ export default {
   width: 750upx;
   height:99vh;
   overflow: auto;
+  .top-button{
+    padding-top:18upx;padding-bottom:18upx;border:none;margin-top:10upx;
+  }
   .flex-col {
     display: flex;
     flex-direction: column;