Explorar o código

首页按钮修改

Breeze hai 4 meses
pai
achega
c3e72e1f50
Modificáronse 2 ficheiros con 11 adicións e 5 borrados
  1. 5 5
      src/app/tab1/tab1.page.html
  2. 6 0
      src/app/tab1/tab1.page.scss

+ 5 - 5
src/app/tab1/tab1.page.html

@@ -39,7 +39,7 @@
         </ion-row>
         <ion-row>
           <ion-col size="12">
-            <ion-button expand="full" color="primary" (click)="navigateToBlankPage()">更多</ion-button>
+            <ion-button expand="full" color="light" shape="round" (click)="navigateToBlankPage()">更多</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>
@@ -66,7 +66,7 @@
         </ion-row>
         <ion-row>
           <ion-col size="12">
-            <ion-button expand="full" color="primary" (click)="navigateToBlankPage()">更多</ion-button>
+            <ion-button expand="full" color="light" shape="round" (click)="navigateToBlankPage()">更多</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>
@@ -100,7 +100,7 @@
         </ion-row>
         <ion-row>
           <ion-col size="12">
-            <ion-button expand="full" color="primary" (click)="navigateToBlankPage()">更多</ion-button>
+            <ion-button expand="full" color="light" (click)="navigateToBlankPage()">更多</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>
@@ -128,7 +128,7 @@
         </ion-row>
         <ion-row>
           <ion-col size="12">
-            <ion-button expand="full" color="primary" (click)="navigateToBlankPage()">更多</ion-button>
+            <ion-button expand="full" color="light" shape="round" (click)="navigateToBlankPage()">更多</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>
@@ -171,7 +171,7 @@
         </ion-row>
         <ion-row>
           <ion-col size="12">
-            <ion-button expand="full" color="primary" (click)="navigateToBlankPage()">更多</ion-button>
+            <ion-button expand="full" color="light" shape="round" (click)="navigateToBlankPage()">更多</ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>

+ 6 - 0
src/app/tab1/tab1.page.scss

@@ -39,3 +39,9 @@
     text-align: center;
     font-weight: bold;
   }
+
+// 更多按钮
+  ion-button {
+    border-radius: 10px; /* 设置按钮的圆角大小 */
+  }
+