测试

gzh/demo.html

@@ -38,10 +38,10 @@
 
 
         .scale>span {
         .scale>span {
             background-color: red;
             background-color: red;
-            width: 0.2rem;
-            height: 0.2rem;
+            width: 0.5rem;
+            height: 0.5rem;
             position: absolute;
             position: absolute;
-            top: -0.05rem;
+            top: -0.1rem;
             left: 0;
             left: 0;
             cursor: pointer;
             cursor: pointer;
             border-radius: 50%;
             border-radius: 50%;
@@ -54,7 +54,7 @@
             background-image: linear-gradient(to right, #08D7F2 0%, #2BF06A 50%, #2BF06A 50%, #FC6076 100%);
             background-image: linear-gradient(to right, #08D7F2 0%, #2BF06A 50%, #2BF06A 50%, #FC6076 100%);
             border-left: 1px #83BBD9 solid;
             border-left: 1px #83BBD9 solid;
             width: 9rem;
             width: 9rem;
-            height: 0.1rem;
+            height: 0.3rem;
             position: relative;
             position: relative;
             border-radius: 0.2rem;
             border-radius: 0.2rem;
         }
         }
@@ -65,14 +65,14 @@
             /*进度条颜色*/
             /*进度条颜色*/
             width: 0px;
             width: 0px;
             position: absolute;
             position: absolute;
-            height: 0.1rem;
+            height: 0.3rem;
             width: 0;
             width: 0;
             left: 0;
             left: 0;
             bottom: 0;
             bottom: 0;
-            border-radius: 0.2rem;
+            border-radius: 0.2rem 0 0 0.2rem;
         }
         }
         .lanren{
         .lanren{
-            margin-top: 0.3rem;
+            margin-top: 0.7rem;
         }
         }
         .lanren>li {
         .lanren>li {