前端未解决的问题记录
苹果手机中文符号旋转问题
<view class="right-area">
<view style="--i:0">
<text class="fix-label">功德主</text>
<text><text class="rotate-90">【</text>{{ order.initiator }}<text class="rotate-90">】 </text></text>
<text class="fix-label">大德在</text>
<text>【{{ order.templeName }}】</text>
</view>
<view style="--i:1">
<text class="fix-label">为</text>
<text>【{{ order.blessingGiver }}】</text>
</view>
<view style="--i:2">
<text class="fix-label">点亮了<text>【{{order.lightName}}】</text>{{ lightNumStr }}盏，</text>
<text class="fix-label"> 总共</text>
<text>{{ dayNumStr }}</text>
<text class="fix-label">天</text>
</view>
<view style="--i:3">
<text class="fix-label">唯愿【</text>
<text>{{ order.blessing }}</text>
<text class="fix-label"> 】</text>
</view>
</view>
.right-area {
position: absolute;
right: 32px;
top: 0;
bottom: 0;
view {
position: absolute;
top: 22%;
right: calc(var(--i)*42px);
font-weight: bold;
font-size: 20px;
/* 竖直方向，从右到左 */
writing-mode: vertical-rl;
/* 文字直立显示 */
text-orientation: upright;
}
}
在苹果手机中如【】符号竖直显示未生效，暂未解决该问题
