update

user_web/src/App.vue

@@ -20,4 +20,7 @@ onMounted(() => {
     <router-view></router-view>
 </template>
 
+<style>
+@import './assets/css/main.scss';
+</style>
 <style scoped></style>

user_web/src/assets/css/main.scss

@@ -0,0 +1,76 @@
+
+.vanFieldNew_1 {
+    
+    .van-cell, .van-field {
+
+        background-color: transparent;
+        padding: 1rem;
+        line-height: unset;
+        width: 100%;
+        height: 100%;
+
+        /* 水平垂直居中,支持文字自动换行 */
+        // display: flex;
+        // flex-direction: column;
+        // justify-content: center;
+        align-items: center;
+        
+        .van-field__label {
+            width: 46%;
+            color: #ffffff;
+            font-size: 1.5714rem;
+            // margin-right: 0.85rem;
+            margin-right: 0rem;
+            text-align: center;
+        }
+
+        .van-field__value {
+            width: 46%;
+
+            .van-field__body {
+
+                .van-field__control--custom {
+                    min-height: auto;
+                }
+                
+                .van-field__control {
+
+                    .van-switch {
+
+                        // width: 100%;
+                        height: 2.35rem;
+
+                        .van-switch__node {
+                            width: 2rem;
+                            height: 2rem;
+                        }
+
+                    }
+
+                    .van-slider {
+
+                        .van-slider__bar {
+
+                            .van-slider__button-wrapper {
+
+                                .van-slider__button {
+                                    width: 1.7rem;
+                                    height: 1.7rem;
+                                }
+
+                            }
+
+                        }
+
+                    }
+
+
+                }
+
+            }
+
+        }
+
+    }
+
+}