进度条 小星星

lib/ClueModel/page/PlanCompareDetail/PlanCompareDetailModel.dart

@@ -11,7 +11,6 @@ import 'package:gm_flutter/ClueModel/server/entity/PlanCompareDetail.dart';
 import 'package:gm_flutter/commonModel/GMBase.dart';
 import 'package:gm_flutter/commonModel/rx/RxDispose.dart';
 import 'package:flutter_common/commonModel/toast/NativeToast.dart';
-import 'package:gm_flutter/commonModel/util/PrintUtil.dart';
 import 'package:gm_flutter/commonModel/bean/Pair.dart';
 
 class PlanCompareDetailModel extends BaseModel {

lib/ClueModel/page/PlanCompareDetail/PlanCompareDetailPage.dart

@@ -2,10 +2,8 @@
  * @Author: zx 
  * @Date: 2020-06-30 17:40:43 
  * @Last Modified by: zx
- * @Last Modified time: 2020-07-02 21:43:07
+ * @Last Modified time: 2020-07-03 13:47:57
  */
-
-import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
@@ -266,8 +264,9 @@ class PlanCompareDetailPageState extends BaseState<PlanCompareDetailPage> {
           ),
           Positioned(
             right: 20,
-            top: 41,
-            child: FiveStarView(3, 5),
+            top: 46,
+            child: FiveStarView(3, 5,
+                starAssets: 'assets/plan_compare_detail_green_star_all.png'),
           ),
           Positioned(
             right: 20,
@@ -283,9 +282,34 @@ class PlanCompareDetailPageState extends BaseState<PlanCompareDetailPage> {
               right: 20,
               bottom: 30,
               child: Container(
-                color: Colors.red,
-                height: 14,
+                height: 7,
+                width: 95,
+                child: Stack(children: <Widget>[
+                  Positioned(
+                    left: 0,
+                    top: 0,
                     width: 95,
+                    height: 7,
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(3.5),
+                      child: Container(
+                        color: Color(0xffF7F6FA),
+                      ),
+                    ),
+                  ),
+                  Positioned(
+                    right: 0,
+                    top: 0,
+                    width: 95 * 0.7,
+                    height: 7,
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(3.5),
+                      child: Container(
+                        color: Color(0xff3FB5AF),
+                      ),
+                    ),
+                  ),
+                ]),
               )),
         ]));
   }
@@ -306,11 +330,15 @@ class PlanCompareDetailPageState extends BaseState<PlanCompareDetailPage> {
           ),
           Positioned(
               left: 20,
-              top: 41,
+              top: 46,
               child: Container(
                 height: 13,
                 width: 81,
-                child: FiveStarView(3, 5),
+                child: FiveStarView(
+                  3,
+                  5,
+                  starAssets: 'assets/plan_compare_detail_red_star_all.png',
+                ),
               )),
           Positioned(
             left: 20,
@@ -326,9 +354,34 @@ class PlanCompareDetailPageState extends BaseState<PlanCompareDetailPage> {
               left: 20,
               bottom: 30,
               child: Container(
-                color: Colors.red,
-                height: 14,
+                height: 7,
+                width: 95,
+                child: Stack(children: <Widget>[
+                  Positioned(
+                    left: 0,
+                    top: 0,
                     width: 95,
+                    height: 7,
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(3.5),
+                      child: Container(
+                        color: Color(0xffF7F6FA),
+                      ),
+                    ),
+                  ),
+                  Positioned(
+                    left: 0,
+                    top: 0,
+                    width: 95 * 0.3,
+                    height: 7,
+                    child: ClipRRect(
+                      borderRadius: BorderRadius.circular(3.5),
+                      child: Container(
+                        color: Color(0xffF25874),
+                      ),
+                    ),
+                  ),
+                ]),
               )),
         ]));
   }