静态页面

src/components/PrizeChangeListItem/index.css

@@ -40,3 +40,6 @@
   -webkit-line-clamp: 2;
   color: #333;
 }
+.PrizeChangeListItem > .flex-item > text.active {
+  color: red;
+}

src/components/PrizeChangeListItem/index.jsx

@@ -18,6 +18,7 @@ export default function PrizeChangeListItem (props) {
         <text>{Data.targetName}</text>
         <text>{Data.points}积分</text>
         <text>兑换时间：{toolclass.FormatDate(Data.createDate)}</text>
+        <text className={Data.status - 0 === 1 ? '' : 'active'}>{Data.status - 0 === 1 ? '已领取' : '未领取'}</text>
       </view>
     </view>
   )

src/components/PrizeChangeListItem/index.less

@@ -42,6 +42,10 @@
         -webkit-line-clamp: 2;
         color: #333;
       }
+
+      &.active {
+        color: red;
+      }
     }
   }
 }

src/pages/WuYe/BaoXiuDetail/index.css

@@ -17,8 +17,9 @@
   overflow: hidden;
 }
 .BaoXiuDetail > .TopInfo > .flex-h {
-  align-items: center;
+  align-items: flex-start;
   border-top: 2px solid rgba(0, 0, 0, 0.08);
+  padding: 30px 0;
 }
 .BaoXiuDetail > .TopInfo > .flex-h:first-child {
   border-top: none;
@@ -31,10 +32,7 @@
 .BaoXiuDetail > .TopInfo > .flex-h > text {
   font-size: 28px;
   color: #999;
-  line-height: 98px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  line-height: 40px;
 }
 .BaoXiuDetail > .TopInfo > .flex-h > text:first-child {
   margin-right: 20px;
@@ -136,6 +134,31 @@
   color: #F35844;
   font-size: 34px;
 }
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList {
+  margin-top: 20px;
+}
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList > .flex-h {
+  align-items: center;
+}
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList > .flex-h > view {
+  margin-left: 10px;
+}
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList > .flex-h > view:first-child {
+  margin-left: 0;
+}
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList > .flex-h > view:first-child > text {
+  color: #14DC05;
+}
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList > .flex-h > view > text {
+  font-size: 24px;
+  color: #666;
+  line-height: 40px;
+}
+.BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ReplyList > .ReplyContent > text {
+  font-size: 24px;
+  color: #333;
+  line-height: 40px;
+}
 .BaoXiuDetail > .Detail > .flex-h > .flex-item > view > .StepList > .ImgList {
   font-size: 0;
 }
@@ -207,3 +230,60 @@
   font-size: 40px;
   margin-left: 10px;
 }
+.BaoXiuDetail .PinJiaPopup,
+.BaoXiuDetail .ReplyPopup {
+  padding: 0 30px;
+  position: relative;
+  overflow: hidden;
+}
+.BaoXiuDetail .PinJiaPopup > .Title,
+.BaoXiuDetail .ReplyPopup > .Title {
+  display: block;
+  font-size: 26px;
+  color: #666;
+  line-height: 40px;
+}
+.BaoXiuDetail .PinJiaPopup textarea,
+.BaoXiuDetail .ReplyPopup textarea {
+  font-size: 26px;
+  line-height: 40px;
+  width: 100%;
+  display: block;
+  box-sizing: border-box;
+  border: 2px solid rgba(0, 0, 0, 0.08);
+  margin-top: 60px;
+}
+.BaoXiuDetail .PinJiaPopup > .StarLine,
+.BaoXiuDetail .ReplyPopup > .StarLine {
+  font-size: 0;
+  white-space: nowrap;
+  text-align: center;
+  margin-top: 20px;
+}
+.BaoXiuDetail .PinJiaPopup > .StarLine text,
+.BaoXiuDetail .ReplyPopup > .StarLine text {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 40px;
+  color: #666;
+  margin-left: 20px;
+}
+.BaoXiuDetail .PinJiaPopup > .StarLine text:first-child,
+.BaoXiuDetail .ReplyPopup > .StarLine text:first-child {
+  margin-left: 0;
+}
+.BaoXiuDetail .PinJiaPopup > .StarLine text.active,
+.BaoXiuDetail .ReplyPopup > .StarLine text.active {
+  color: #fcdc1e;
+}
+.BaoXiuDetail .PinJiaPopup > .Btn,
+.BaoXiuDetail .ReplyPopup > .Btn {
+  font-size: 28px;
+  line-height: 80px;
+  display: block;
+  text-align: center;
+  background: #F35844;
+  color: #fff;
+  margin-top: 60px;
+  border-radius: 80px;
+}

src/pages/WuYe/BaoXiuDetail/index.less

@@ -18,8 +18,9 @@
     overflow: hidden;
 
     >.flex-h {
-      align-items: center;
+      align-items: flex-start;
       border-top: 2px solid rgba(0, 0, 0, 0.08);
+      padding: 30px 0;
 
       &:first-child {
         border-top: none;
@@ -36,10 +37,7 @@
       >text {
         font-size: 28px;
         color: #999;
-        line-height: 98px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
+        line-height: 40px;
 
         &:first-child {
           margin-right: 20px;
@@ -167,8 +165,10 @@
 
                 >view {
                   margin-left: 10px;
+
                   &:first-child {
                     margin-left: 0;
+
                     >text {
                       color: #14DC05;
                     }