|
|
@ -4,9 +4,9 @@ |
|
|
<img class="banner" :src="artInfo?.urlList[0]" alt="" /> |
|
|
<img class="banner" :src="artInfo?.urlList[0]" alt="" /> |
|
|
<div class="intro-container"> |
|
|
<div class="intro-container"> |
|
|
<!-- 标题 --> |
|
|
<!-- 标题 --> |
|
|
<h3 class="art-title">{{ switchLanguage(artInfo, 'artworkName') }}</h3> |
|
|
|
|
|
|
|
|
<div class="art-title">{{ switchLanguage(artInfo, 'artworkName') }}</div> |
|
|
<!-- 作者 --> |
|
|
<!-- 作者 --> |
|
|
<h5 class="art-author">{{ artInfo.author }}</h5> |
|
|
|
|
|
|
|
|
<div class="art-author">{{ artInfo.author }}</div> |
|
|
<!-- 导航按钮 --> |
|
|
<!-- 导航按钮 --> |
|
|
<div class="go-container" @click="clickGo">{{ $t('art.go') }}</div> |
|
|
<div class="go-container" @click="clickGo">{{ $t('art.go') }}</div> |
|
|
<!-- 介绍 |
|
|
<!-- 介绍 |
|
|
@ -55,7 +55,8 @@ function clickGo() { |
|
|
|
|
|
|
|
|
.art-title { |
|
|
.art-title { |
|
|
max-width: 200px; |
|
|
max-width: 200px; |
|
|
height: 18px; |
|
|
|
|
|
|
|
|
height: 22px; |
|
|
|
|
|
padding-top: 4px; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
font-family: 'font_bold'; |
|
|
font-family: 'font_bold'; |
|
|
color: #736661; |
|
|
color: #736661; |
|
|
@ -66,8 +67,9 @@ function clickGo() { |
|
|
} |
|
|
} |
|
|
.art-author { |
|
|
.art-author { |
|
|
max-width: 150px; |
|
|
max-width: 150px; |
|
|
height: 14px; |
|
|
|
|
|
margin-top: 2px; |
|
|
|
|
|
|
|
|
height: 17px; |
|
|
|
|
|
padding-top: 3px; |
|
|
|
|
|
margin-top: 1px; |
|
|
font-size: 12px; |
|
|
font-size: 12px; |
|
|
font-family: 'font_regular'; |
|
|
font-family: 'font_regular'; |
|
|
color: #9b8c85; |
|
|
color: #9b8c85; |
|
|
|