feat(动态)：增加底部按钮

@@ -14,6 +14,7 @@ import display from '@ohos.display';
 import { BusinessError } from '@ohos.base';
 import { CommonConstants } from 'wdConstant/Index';
 import { CardMediaInfo } from '../components/cardCommon/CardMediaInfo'
+import router from '@ohos.router';
 const TAG = 'DynamicDetailComponent'
 @Preview
 @Component
@@ -32,6 +33,7 @@ export struct DynamicDetailComponent {
     newsType:15
   } as ContentDetailDTO
   //变量
+  scroller: Scroller = new Scroller();
   /**
    * 默认未关注 点击去关注
    */
@@ -55,7 +57,6 @@ export struct DynamicDetailComponent {
   }
 
   build() {
-    Row() {
       Column(){
         //logo、日期
         Row() {
@@ -77,6 +78,9 @@ export struct DynamicDetailComponent {
             .width('100%')
             .height($r('app.float.margin_7'))
             .margin({left: $r('app.float.margin_16'), right: $r('app.float.margin_16')} )
+        Stack({ alignContent: Alignment.Bottom }) {
+          Scroll(this.scroller) {
+            Column() {
               //号主信息
               Row() {
                 //头像
@@ -110,6 +114,7 @@ export struct DynamicDetailComponent {
                     .fontColor($r('app.color.color_B0B0B0'))
                     .fontWeight(FontWeight.Medium)
                     .maxLines(1)
+                    .textOverflow({ overflow: TextOverflow.Ellipsis })
                     .margin({ left: $r('app.float.margin_5') })
                     .alignSelf(ItemAlign.Start)
                 }
@@ -322,11 +327,55 @@ export struct DynamicDetailComponent {
                   .lineHeight($r('app.float.margin_20'))
                   .margin({ left: $r('app.float.margin_2')})
               }
-        //评论组件/底部组件
-
+              .margin({top:$r('app.float.margin_16')})
+              //fixme 评论组件
+            }
           }
+          .width(CommonConstants.FULL_WIDTH)
+          .height(CommonConstants.FULL_HEIGHT)
+          .padding({ bottom: 76 })
+          .scrollBar(BarState.Off)
           .alignSelf(ItemAlign.Start)
+          //底部交互区
+          Row() {
+            Image($r('app.media.icon_arrow_left'))
+              .width(24)
+              .height(24)
+              .onClick((event: ClickEvent) => {
+                router.back()
+              })
+
+            Row() {
+              Image($r('app.media.icon_comment'))
+                .width(24)
+                .height(24)
+                .margin({ right: 24 })
+                .id('comment')
+
+              Image($r('app.media.icon_star'))
+                .width(24)
+                .height(24)
+                .margin({ right: 24 })
+
+              Image($r('app.media.icon_listen'))
+                .width(24)
+                .height(24)
+                .margin({ right: 24 })
+
+              Image($r('app.media.icon_forward'))
+                .width(24)
+                .height(24)
+
+            }
           }
+          .width(CommonConstants.FULL_WIDTH)
+          .height(56)
+          .padding({ left: 15, right: 15, bottom: 50, top: 20 })
+          .justifyContent(FlexAlign.SpaceBetween)
+          .backgroundColor(Color.White)
+        }
+      }
+      .alignSelf(ItemAlign.Start)
       .backgroundColor('#FFFFFFFF')
       .width('100%')
       .height('100%')