hookehuyr

海报标题显示优化

...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 <div class="poster-contain-wrapper"> 6 <div class="poster-contain-wrapper">
7 <div v-if="flag" style="border: 1.5px solid #9C8882; box-shadow: 8px 8px 8px 0px rgba(156,136,130,1); height: 100%;"> 7 <div v-if="flag" style="border: 1.5px solid #9C8882; box-shadow: 8px 8px 8px 0px rgba(156,136,130,1); height: 100%;">
8 <div ref="canvasRef" class="poster-contain" style=""> 8 <div ref="canvasRef" class="poster-contain" style="">
9 - <div class="poster-text-boxer"> 9 + <div v-if="tree_data?.name" class="poster-text-boxer">
10 <div class="poster-text"> 10 <div class="poster-text">
11 <span class="name">{{ tree_data?.name }}</span> 11 <span class="name">{{ tree_data?.name }}</span>
12 <div class="nickname">{{ tree_data?.nickname }}</div> 12 <div class="nickname">{{ tree_data?.nickname }}</div>
...@@ -262,6 +262,7 @@ const afterRead = async (res) => { ...@@ -262,6 +262,7 @@ const afterRead = async (res) => {
262 -webkit-text-stroke: 1px #1F6D4E; 262 -webkit-text-stroke: 1px #1F6D4E;
263 } 263 }
264 .nickname { 264 .nickname {
265 + writing-mode: lr;
265 font-size: 0.95rem; 266 font-size: 0.95rem;
266 position: absolute; 267 position: absolute;
267 top: 0.5rem; 268 top: 0.5rem;
......