添加图片素材

bluesailor2021 · Mar 20, 2021 · 6bafdf9 · 6bafdf9
1 parent e4e9d28
commit 6bafdf9
Show file tree

Hide file tree

Showing 39 changed files with 15 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -12,3 +12,5 @@
 
 
 目前经过测试可支持《死亡阴影》的普通版本和HD版本的修改。
+
+![](screenshots/image01.jpg)
diff --git a/screenshots/image01.jpg b/screenshots/image01.jpg
diff --git a/static/css/main.css b/static/css/main.css
@@ -40,6 +40,10 @@ ul.header .tab.active {
 }
 .resource-item {
   flex: 25%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 .hero-info .info-list {
@@ -48,6 +52,7 @@ ul.header .tab.active {
 }
 .hero-info .info-list .info-item {
   width: 25%;
+  display: flex;
 }
 .col-8 {
   width: 12% !important;

diff --git a/static/image/resources/0.gif b/static/image/resources/0.gif
diff --git a/static/image/resources/1.gif b/static/image/resources/1.gif
diff --git a/static/image/resources/2.gif b/static/image/resources/2.gif
diff --git a/static/image/resources/3.gif b/static/image/resources/3.gif
diff --git a/static/image/resources/4.gif b/static/image/resources/4.gif
diff --git a/static/image/resources/5.gif b/static/image/resources/5.gif
diff --git a/static/image/resources/6.gif b/static/image/resources/6.gif
diff --git a/static/image/skills/0.gif b/static/image/skills/0.gif
diff --git a/static/image/skills/1.gif b/static/image/skills/1.gif
diff --git a/static/image/skills/10.gif b/static/image/skills/10.gif
diff --git a/static/image/skills/11.gif b/static/image/skills/11.gif
diff --git a/static/image/skills/12.gif b/static/image/skills/12.gif
diff --git a/static/image/skills/13.gif b/static/image/skills/13.gif
diff --git a/static/image/skills/14.gif b/static/image/skills/14.gif
diff --git a/static/image/skills/15.gif b/static/image/skills/15.gif
diff --git a/static/image/skills/16.gif b/static/image/skills/16.gif
diff --git a/static/image/skills/17.gif b/static/image/skills/17.gif
diff --git a/static/image/skills/18.gif b/static/image/skills/18.gif
diff --git a/static/image/skills/19.gif b/static/image/skills/19.gif
diff --git a/static/image/skills/2.gif b/static/image/skills/2.gif
diff --git a/static/image/skills/20.gif b/static/image/skills/20.gif
diff --git a/static/image/skills/21.gif b/static/image/skills/21.gif
diff --git a/static/image/skills/22.gif b/static/image/skills/22.gif
diff --git a/static/image/skills/23.gif b/static/image/skills/23.gif
diff --git a/static/image/skills/24.gif b/static/image/skills/24.gif
diff --git a/static/image/skills/25.gif b/static/image/skills/25.gif
diff --git a/static/image/skills/26.gif b/static/image/skills/26.gif
diff --git a/static/image/skills/27.gif b/static/image/skills/27.gif
diff --git a/static/image/skills/3.gif b/static/image/skills/3.gif
diff --git a/static/image/skills/4.gif b/static/image/skills/4.gif
diff --git a/static/image/skills/5.gif b/static/image/skills/5.gif
diff --git a/static/image/skills/6.gif b/static/image/skills/6.gif
diff --git a/static/image/skills/7.gif b/static/image/skills/7.gif
diff --git a/static/image/skills/8.gif b/static/image/skills/8.gif
diff --git a/static/image/skills/9.gif b/static/image/skills/9.gif
diff --git a/static/js/main.js b/static/js/main.js
@@ -487,21 +487,24 @@ class ResourceTab extends React.Component {
     const resoueces = (this.state.resources[this.state.player] || {}).data || []
     const eles = _.map(RESOURCE_NAMES, (name, index) => {
       return (
-        <span className="resource-item" key={index}>
+        <div className="resource-item" key={index}>
           <label>{name}</label>
+          <img src={`/static/image/resources/${index}.gif`} className="icon" />
           <input
             value={resoueces[index]}
             onChange={(ev) => this.handleValueChange(ev.target.value, index)}
             type="number"
             max={0x7fffffff}
           />
-        </span>
+        </div>
       )
     })
     return (
       <div className="resource-list">
         {eles}
-        <button className="resource-item" onClick={this.handleModify}>修改资源</button>
+        <div className="resource-item">
+          <button onClick={this.handleModify}>修改资源</button>
+        </div>
       </div>
     )
   }
@@ -646,8 +649,8 @@ class HeroTab extends React.Component {
 
     const eles = _.map(skillFields, (field, index) => {
       return (
-        <li className="info-item" key={index}>
-          <label>{field}</label>
+        <li className="info-item col-7" key={index}>
+          <img src={`/static/image/skills/${index}.gif`} />
           <select value={info[field]} onChange={(ev) => {
             let value = Number(ev.nativeEvent.target.value)
             let values = [value]
Original file line number	Diff line number	Diff line change
Expand Up		@@ -12,3 +12,5 @@


		目前经过测试可支持《死亡阴影》的普通版本和HD版本的修改。

		![](screenshots/image01.jpg)