1

project/src/pages/detail/detail.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+//import API from '../../api';
+
+import './detail.less';
+class Detail extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="detail " uuid="40303f78-3c87-463f-8633-a0043cdf118a">
+        <img
+          className="bg "
+          uuid="9f7c3255-2829-4c0a-8585-5b668ddcde02"
+          src={this.state.resList['129f287f-8585-4d2b-b154-1de369768dd4'].url}
+        />
+        <div className="detail_item " uuid="9692209d-7d42-40b7-bd7c-d1b6c4132233">
+          <span className="detail_item_title " uuid="b2dee338-d45c-4f0c-b323-44ba03104e16">
+            每日签到
+          </span>
+          <span className="detail_item_day " uuid="2d667e76-6d99-405c-92d3-1794b0679731">
+            2020-12-25 09:54:30
+          </span>
+          <span className="detail_item_num " uuid="cd162388-3e1d-4f2e-a14e-539adac55aea">
+            +418
+          </span>
+          <img
+            className="detail_item_bg "
+            uuid="1f564446-2649-497d-b70b-4424ae06c7cc"
+            src={this.state.resList['0b91c63a-0cc0-4dde-b95e-5d17ca479291'].url}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+export default Detail;

project/src/pages/detail/detail.less

+.detail {
+  width: 1600px;
+  height: 3511px;
+  left: -379px;
+  top: -572px;
+  position: absolute;
+  .bg {
+    width: 1600px;
+    height: 3511px;
+    position: absolute;
+  }
+  .detail_item {
+    width: 618px;
+    height: 91px;
+    left: 444px;
+    top: 807px;
+    position: absolute;
+    .detail_item_title {
+      width: 93px;
+      height: 23px;
+      left: 53px;
+      position: absolute;
+      font-size: 24px;
+      color: rgba(71, 71, 71, 1);
+    }
+    .detail_item_day {
+      width: 184px;
+      height: 16px;
+      left: 52px;
+      top: 42px;
+      position: absolute;
+      font-size: 20px;
+      color: rgba(148, 148, 148, 1);
+    }
+    .detail_item_num {
+      width: 88px;
+      height: 31px;
+      left: 455px;
+      top: 8px;
+      position: absolute;
+      font-size: 40px;
+      color: rgba(71, 71, 71, 1);
+    }
+    .detail_item_bg {
+      width: 618px;
+      height: 1px;
+      top: 90px;
+      position: absolute;
+    }
+  }
+}