fix 样式调整

hookehuyr
Commit bab6fe68968f22d67ba44e5704b2208a1e3de2de bab6fe68 1 parent e25e700d
Showing 6 changed files with 25 additions and 16 deletions
src/App.vue
src/components/qrCode.vue
src/views/addVisitor.vue
src/views/booking.vue
src/views/bookingDetail.vue
src/views/notice.vue
--- a/src/App.vue
View file @bab6fe6
+++ b/src/App.vue
View file @bab6fe6
 <!--
  * @Date: 2023-06-13 13:26:46
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-18 11:11:46
+ * @LastEditTime: 2024-01-18 15:42:01
  * @FilePath: /xysBooking/src/App.vue
  * @Description: 启动页
 -->
@@ -58,7 +58,7 @@ onMounted(async () => {
 html,
 body {
 width: 100%;
-height: 100%;
+// height: 100%;
 }
 body {
--- a/src/components/qrCode.vue
View file @bab6fe6
+++ b/src/components/qrCode.vue
View file @bab6fe6
 <!--
  * @Date: 2024-01-16 10:06:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-18 10:36:53
+ * @LastEditTime: 2024-01-18 14:25:17
  * @FilePath: /xysBooking/src/components/qrCode.vue
  * @Description: 文件描述
 -->
@@ -208,7 +208,7 @@ const selectUser = (index) => {
     // width: 100%;
     // height: 100%;
     background-color: #FFF;
-    border-radius: 5px;
+    border-radius: 8px;
     box-shadow: 0rem 0rem 0.92rem 0rem rgba(106,106,106,0.27);
     .user-status {
       .status {
@@ -246,7 +246,7 @@ const selectUser = (index) => {
       .center {
         border: 1px solid #D1D1D1;
         border-radius: 20px;
-        padding: 0.25rem;
+        padding: 0.5rem;
         position: relative;
         img {
           width: 15rem;
--- a/src/views/addVisitor.vue
View file @bab6fe6
+++ b/src/views/addVisitor.vue
View file @bab6fe6
@@ -154,10 +154,14 @@ const onConfirm = ({ selectedOptions }) => { // 切换类型回调
     align-items: center;
     justify-content: center;
     .save-btn {
+      text-align: center;
+      flex-grow: 1;
       background-color: #A67939;
-      padding: 0.8rem 10rem;
+      padding: 0.8rem 0;
+      margin: 1rem;
       color: #FFF;
       border-radius: 5px;
+      font-size: 1.1rem;
     }
   }
 }
--- a/src/views/booking.vue
View file @bab6fe6
+++ b/src/views/booking.vue
View file @bab6fe6
@@ -377,8 +377,12 @@ const nextBtn = () => {
     box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12);
     .button {
       color: #FFF;
-      padding: 0.85rem 9rem;
+      padding: 0.85rem 0;
       border-radius: 8px;
+      font-size: 1.1rem;
+      text-align: center;
+      flex-grow: 1;
+      margin: 1rem;
     }
   }
 }
--- a/src/views/bookingDetail.vue
View file @bab6fe6
+++ b/src/views/bookingDetail.vue
View file @bab6fe6
 <!--
  * @Date: 2024-01-16 13:19:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-16 17:14:34
+ * @LastEditTime: 2024-01-19 14:08:04
  * @FilePath: /xysBooking/src/views/bookingDetail.vue
  * @Description: 文件描述
 -->
@@ -102,10 +102,13 @@ const cancelBooking = (item) => {
     font-size: 1.2rem;
     color: #000;
     .cancel-btn {
+      font-size: 1.1rem;
+      text-align: center;
+      flex-grow: 1;
       background-color: #A67939;
       color: #FFF;
-      font-size: 1rem;
+      padding: 0.8rem 0;
-      padding: 0.8rem 8rem;
+      margin: 1rem;
       border-radius: 5px;
     }
   }
--- a/src/views/notice.vue
View file @bab6fe6
+++ b/src/views/notice.vue
View file @bab6fe6
 <!--
  * @Date: 2024-01-15 11:43:01
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-16 16:18:14
+ * @LastEditTime: 2024-01-18 18:00:44
  * @FilePath: /xysBooking/src/views/notice.vue
  * @Description: 文件描述
 -->
@@ -13,10 +13,8 @@
       <p>苏州西园戒幢律寺实行实名制全预约制度，观众可提前通过线上渠道进行参观预约(系统服务时间:每日8:00-23:00) 。如未提前预约且参观当日仍有余票时，观众可在当日进行预约。如无特别说明，探索体验馆可凭预约记录入场参观，无需另行预约。</p>
       <p>未办理身份证的未成年人请使用其户口本上的身份证号码为其预约，参观时请携带好户口本，以便核实预约信息。60周岁以上老人、残障人士、现役军人、退役军人、军烈属、荣誉献血个人、苏博会员、文博单位工作人员、离休干部均可凭本人有效证件免预约入馆。其中60周岁以上老人、残障人士和离休干部的陪同看护人员均需提前进行实名预约。 </p>
       <p>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
-      <p>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
-      <p>为充分预留时间进行信息核查，保障观众顺利入馆，苏州博物馆西馆当日预约截止</p>
     </div>
-    <div style="height: 7rem;"></div>
+    <div style="height: 8rem;"></div>
     <div class="footer">
       <van-checkbox-group v-model="checked" shape="square" checked-color="#A67939" style="margin-left: 1.25rem;">
         <van-checkbox name="1" icon-size="0.8rem"><span style="color: #A67939; font-size: 0.85rem;">我已阅读并同意以上内容</span></van-checkbox>
@@ -58,7 +56,7 @@ const confirmBtn = () => {
   position: relative;
   height: 100vh;
   .content {
-    margin: 1rem;
+    margin: 1rem 0.5rem;
     background-color: #FFFFFF;
     border-radius: 8px;
     padding: 1rem;
@@ -72,7 +70,7 @@ const confirmBtn = () => {
     bottom: 0;
     left: 0;
     width: 100vw;
-    height: 7rem;
+    height: 8rem;
     display: flex;
     background: #FFFFFF;
     box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12);