优化cue界面

entry/src/main/ets/view/CueComptent.ets

@@ -28,26 +28,41 @@ export struct CueComptent {
 
   build() {
     Column() {
-      Text(this.title).fontSize(16).margin({ top: 20, bottom: 10 })
+      Row(){
+        Text(this.title).fontSize(16)
+          .margin({ left: 25 })
+          .maxLines(1)
+          .layoutWeight(1)
+          .textOverflow({ overflow: this.isLongNameRoLL?TextOverflow.MARQUEE:TextOverflow.Ellipsis })//超长滚动
 
-      this.getListView()
-
-      Flex({ justifyContent: FlexAlign.SpaceAround }) {
-        Button($r('app.string.back'))
+          Button({ type: ButtonType.Circle, stateEffect: true }){
+            Image($r('app.media.close'))
+              .fillColor($r('app.color.text_color'))
+              .width(28)
+              .height(28)
+          }
           .clickEffect({ level: ClickEffectLevel.MIDDLE, scale: 0.8 })
-          .padding(15)
           .fontSize(13)
-          .width(138)
+          .width(35)
+          .padding({left:5})
+          .margin({ right: 18 })
           .onClick(() => {
             this.onCancel()
           })
-          .backgroundColor($r('app.color.silvery'))
-          .backgroundBlurStyle(BlurStyle.COMPONENT_THICK)
-          .fontColor(Color.Black)
-      }.margin({ bottom: 10 })
+          .backgroundColor(Color.Transparent)
+
+      }
+      .margin({ top: 20, bottom: 10 })
+      .height(38)
+
+      this.getListView()
+
+
     }
     .backgroundColor($r('app.color.start_window_background'))
     .backgroundBlurStyle(BlurStyle.Regular)
+    .height('90%')
+    .width('100%')
   }
 
   @Builder