|
|
@@ -27,20 +27,24 @@ function A2show() {
|
|
|
{/* 2张图片伪3D效果 */}
|
|
|
<div className={classNames('A2rotate', rotate ? 'A2rotateShow' : '')}>
|
|
|
<div className='A2rotate1'>
|
|
|
- {!rotate && <>
|
|
|
- <div className='A2labelLeft js'>剑首</div>
|
|
|
- <div className='A2labelLeft jg'>剑格</div>
|
|
|
- <div className='A2labelRight jj'>剑茎</div>
|
|
|
- <div className='A2labelRight js'>剑身</div>
|
|
|
- </>}
|
|
|
+ {!rotate && (
|
|
|
+ <>
|
|
|
+ <div className='A2labelLeft js'>剑首</div>
|
|
|
+ <div className='A2labelLeft jg'>剑格</div>
|
|
|
+ <div className='A2labelRight jj'>剑茎</div>
|
|
|
+ <div className='A2labelRight js'>剑身</div>
|
|
|
+ </>
|
|
|
+ )}
|
|
|
<img src={`${serverUrl}show/zheng.png`} alt='' />
|
|
|
</div>
|
|
|
<div className='A2rotate1 A2rotate2'>
|
|
|
- {rotate && <>
|
|
|
- <div className='A2labelLeft yz'>玉璏</div>
|
|
|
- <div className='A2labelLeft yb'>玉镖</div>
|
|
|
- <div className='A2labelRight jq'>剑鞘</div>
|
|
|
- </>}
|
|
|
+ {rotate && (
|
|
|
+ <>
|
|
|
+ <div className='A2labelLeft yz'>玉璏</div>
|
|
|
+ <div className='A2labelLeft yb'>玉珌</div>
|
|
|
+ <div className='A2labelRight jq'>剑鞘</div>
|
|
|
+ </>
|
|
|
+ )}
|
|
|
<img src={`${serverUrl}show/fan.png`} alt='' />
|
|
|
<img src={`${serverUrl}show/fan2-min.png`} alt='' />
|
|
|
</div>
|
|
|
@@ -70,9 +74,7 @@ function A2show() {
|
|
|
<img src={`${serverUrl}show/${item.id}ac.png`} alt='' />
|
|
|
</div>
|
|
|
|
|
|
- <p>
|
|
|
- {item.title}
|
|
|
- </p>
|
|
|
+ <p>{item.title}</p>
|
|
|
</div>
|
|
|
))}
|
|
|
</div>
|