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;
-  }
-}