1

project/src/components/comlevelup/comlevelup.jsx

+'use strict';
+
+import React, { Component } from 'react';
+import resList from '../../resconfig/resList';
+
+import './comlevelup.less';
+class Comlevelup extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { resList: resList };
+  }
+  render() {
+    return (
+      <div className="levelup ">
+        <img className="levelup_light " src={this.state.resList['137b39ef-0c25-4991-a57e-0308daaec2dd'].url} />
+        <img className="levelup_bg " src={this.state.resList['bca418af-89d1-4fe0-90a8-ae8581ad328c'].url} />
+        <img className="levelup_closebtn " src={this.state.resList['c2adf081-7720-4814-ad9e-e28d13522ee0'].url} />
+        <img className="levelup_bg2 " src={this.state.resList['9de58772-9830-4e72-aba8-b07802266b5d'].url} />
+        <span className="levelup_txt ">精力上限1200 → 精力上限1500</span>
+        <img className="levelup_title " src={this.state.resList['be93e436-d2eb-4c29-922c-577810ed6571'].url} />
+        <img className="levelup_imgbg " src={this.state.resList['b1c40894-4d50-45e6-8fc8-118ef6d9d598'].url} />
+        <img className="levelup_btn " src={this.state.resList['8da5fe13-41a3-4b5b-b079-938e0c7eef5a'].url} />
+      </div>
+    );
+  }
+}
+export default Comlevelup;

project/src/components/comlevelup/comlevelup.less

+.levelup {
+  width: 1116px;
+  height: 1093px;
+  opacity: 1;
+  left: -183px;
+  top: 221px;
+  position: absolute;
+  transform-origin: 0px 0px 0px;
+  .levelup_light {
+    width: 1116px;
+    height: 1093px;
+    opacity: 1;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .levelup_bg {
+    width: 584px;
+    height: 715px;
+    opacity: 1;
+    left: 268px;
+    top: 200px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .levelup_closebtn {
+    width: 45px;
+    height: 45px;
+    opacity: 1;
+    left: 767px;
+    top: 236px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .levelup_bg2 {
+    width: 651px;
+    height: 784px;
+    opacity: 1;
+    left: 235px;
+    top: 182px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .levelup_txt {
+    width: 371px;
+    height: 26px;
+    opacity: 1;
+    left: 374px;
+    top: 711px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+    font-size: 26px;
+    color: rgba(87, 71, 56, 1);
+  }
+  .levelup_title {
+    width: 206px;
+    height: 35px;
+    opacity: 1;
+    left: 457px;
+    top: 314px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .levelup_imgbg {
+    width: 360px;
+    height: 299px;
+    opacity: 1;
+    left: 380px;
+    top: 377px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+  .levelup_btn {
+    width: 351px;
+    height: 105px;
+    opacity: 1;
+    left: 384px;
+    top: 773px;
+    position: absolute;
+    transform-origin: 0px 0px 0px;
+  }
+}