界面大模式

cuiqian2004

2025-05-23 df481aebfb7a19eea5d6c02f93c6f5776b0fdc19

 App.vue

@@ -1,6 +1,7 @@
<script>
   export default {
      globalData: {
         largeMode: false,
         isMobox3: true,
         deviceId: "",
         cname: "",
@@ -95,4 +96,72 @@
   @import '@/fonts/mobox-plm/style.css';
   @import '@/fonts/mobox-sys/style.css';
   @import '@/fonts/mobox-wms/style.css';

   .large-mode {
      font-size: 24px !important;

      uni-input {
         height: 36px;

         .uni-input-placeholder,
         .uni-input-input {
            font-size: 24px !important;
         }
      }

      uni-button,
      .uni-forms-item__label,
      .uni-section__content-title {
         font-size: 24px !important;
      }

      uni-checkbox {
         .uni-checkbox-input {
            height: 32px;
            width: 32px;
         }

         .uni-checkbox-input-checked:before {
            font-size: 30px;
         }
      }

      uni-radio {
         .uni-radio-input {
            height: 32px;
            width: 32px;
         }

         .uni-radio-input-checked:before {
            font-size: 30px;
         }
      }

      .uni-date__x-input {
         font-size: 24px !important;
         height: 40px !important;

         .uniui-clear {
            font-size: 30px !important;
         }
      }

      .uni-data-tree {
         font-size: 24px !important;
         .input-value {
            height: 45px !important;
            font-size: 24px !important;
         }
         .placeholder {
          font-size: 24px !important;
         }
      }
      .segmented-control__text {
         font-size: 24px !important;
         height: 45px;
			
      }
		

   }
</style>