Commit c9fcac8c by FE

prize image and prize name text modify

parent f60103b5
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -95,7 +95,14 @@ class Prizes extends Component { ...@@ -95,7 +95,14 @@ class Prizes extends Component {
this.state.prizes.map((item, index) => { this.state.prizes.map((item, index) => {
return ( return (
<li key={index}> <li key={index}>
<img src={item.img_name} alt=""/> {
item.img_name
? <i className="prize-list__image" style={{
backgroundImage: `url(${item.img_name})`
}}></i>
: <i className="prize-list__image"></i>
}
{/* <img src={item.img_name} alt=""/> */}
{ {
item.is_captain != 0 && <span className='captain top-tag'>队长专属</span> item.is_captain != 0 && <span className='captain top-tag'>队长专属</span>
} }
......
...@@ -102,6 +102,14 @@ ...@@ -102,6 +102,14 @@
margin-right: 10.5px; margin-right: 10.5px;
margin-bottom: 6.5px; margin-bottom: 6.5px;
.prize-list__image {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
img { img {
width: 90px; width: 90px;
object-fit: contain; object-fit: contain;
......
...@@ -511,7 +511,7 @@ class MyTreasure extends Component { ...@@ -511,7 +511,7 @@ class MyTreasure extends Component {
successBindPhone={this.successBindPhone} successBindPhone={this.successBindPhone}
desc={ desc={
<> <>
<p className="phone-treasure__desc">恭喜您获得 奖品名称({prizeName}</p> <p className="phone-treasure__desc">恭喜您获得 {prizeName}</p>
<p className="phone-treasure__notice">为了您的账户安全,请于20191231日前绑定手机号,过期将失效</p> <p className="phone-treasure__notice">为了您的账户安全,请于20191231日前绑定手机号,过期将失效</p>
</> </>
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment