shish 7 месяцев назад
Родитель
Сommit
8900bc2895
1 измененных файлов с 10 добавлено и 8 удалено
  1. 10 8
      ghsPad/src/pages/home/components/selectFlowerGrid.vue

+ 10 - 8
ghsPad/src/pages/home/components/selectFlowerGrid.vue

@@ -239,8 +239,8 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .flower-grid-popup {
 .flower-grid-popup {
-    width: 95vw;
-    height: 95vh;
+    width: 80vw;
+    height: 99vh;
     background-color: #ffffff;
     background-color: #ffffff;
     border-radius: 0 0 12upx 12upx;
     border-radius: 0 0 12upx 12upx;
     display: flex;
     display: flex;
@@ -295,6 +295,7 @@ export default {
         flex: 1;
         flex: 1;
         width: 100%;
         width: 100%;
         overflow-y: scroll;
         overflow-y: scroll;
+        scrollbar-width: auto;
 
 
         &::-webkit-scrollbar {
         &::-webkit-scrollbar {
             width: 10upx;
             width: 10upx;
@@ -308,6 +309,7 @@ export default {
         &::-webkit-scrollbar-thumb {
         &::-webkit-scrollbar-thumb {
             background: linear-gradient(180deg, #3385ff 0%, #2568d3 100%);
             background: linear-gradient(180deg, #3385ff 0%, #2568d3 100%);
             border-radius: 5upx;
             border-radius: 5upx;
+            min-height: 20upx;
 
 
             &:hover {
             &:hover {
                 background: linear-gradient(180deg, #2568d3 0%, #1a4fa1 100%);
                 background: linear-gradient(180deg, #2568d3 0%, #1a4fa1 100%);
@@ -459,31 +461,31 @@ export default {
 
 
     // 底部按钮栏 - 再缩小 1/2 (总计 33.33%)
     // 底部按钮栏 - 再缩小 1/2 (总计 33.33%)
     .popup-footer {
     .popup-footer {
-        height: 32upx;
+        height: 34upx;
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;
         justify-content: center;
         justify-content: center;
-        gap: 15upx;
-        padding: 0 13.89upx;
+        gap: 16upx;
+        padding: 0 14upx;
         border-top: 2upx solid #eeeeee;
         border-top: 2upx solid #eeeeee;
         background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
         background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
 
 
         .footer-btn {
         .footer-btn {
             flex: 1;
             flex: 1;
-            height: 25upx;
+            height: 27upx;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             border-radius: 2.22upx;
             border-radius: 2.22upx;
             cursor: pointer;
             cursor: pointer;
             transition: all 0.3s;
             transition: all 0.3s;
-            font-size: 12upx;
+            font-size: 13upx;
             font-weight: bold;
             font-weight: bold;
             min-width: 41.67upx;
             min-width: 41.67upx;
             max-width: 69.44upx;
             max-width: 69.44upx;
 
 
             text {
             text {
-                font-size: 12upx;
+                font-size: 13upx;
                 font-weight: bold;
                 font-weight: bold;
             }
             }