peirw's questions

我不确定如何根据变量的值来实现填充向量。有一个圆形向量，需要根据“{{characters[i].mainLVL }}”的值填充红色。在VUE中我写了 - mailLVL: 0;我将非常感谢任何可以提供帮助的人！如果有的话，这是界面的一部分。下面是如何填写的屏幕截图

<div class="vectorlevel" width="100%" height="100%">
                <svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0 60C0 93.1371 26.8629 120 60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60ZM111 60C111 88.1665 88.1665 111 60 111C31.8335 111 9 88.1665 9 60C9 31.8335 31.8335 9 60 9C88.1665 9 111 31.8335 111 60Z" fill="#191A1E" fill-opacity="0.7"/>
                    <text x="50%"
                          y="50%"
                          text-anchor="middle"
                          font-style="normal"
                          font-family="Gilroy"
                          font-weight="700"
                          line-height="36"
                          font-size="30"
                          fill="white">
                        {{ characters[i].mainLVL }}
                    </text>
                    <text 
                          x="50%" 
                          y="65%"  
                          text-anchor="middle" 
                          font-style="normal"
                          font-family="Gilroy"
                          font-weight= "600"
                          line-height="21"
                          font-size="18" 
                          fill="rgba(255, 255, 255, 0.3)">
                          Уровень
                    </text>
                </svg>
            </div>


VUE JS:    var characterInfo = new Vue({
el: "#characterInfo",
data: {
    show: false,
    mainLVL: 0,

database: mainLVL: {
            type: DataTypes.INTEGER(11),
            defaultValue: 0,
            allowNull: false,

             <div class="info">
                <table>
                    <tr>
                    <td>
                        Cтатус:
                        <div class="right-align">Игрок</div>
                    </td>
                    <td>
                        Отыграно:
                        <div class="right-align">
                            125
                            часов
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        Организация:
                        <div class="right-align">LSPD</div>
                    </td>
                    <td>
                        Профессия:
                        <div class="right-align">Старший майор</div>
                    </td>
                </tr>
                <tr>
                    <td>
                        Проживание:
                        <div class="right-align">Улица 20 брит</div>
                    </td>
                    <td>
                        Бизнес:
                        <div class="right-align">24/7 магазин</div>
                    </td>
                </tr>
                </table>
            </div>

问候。我不明白如何实现它，使 div 位于文本的右侧且处于同一水平，而不是在文本下方。我很高兴收到对此的反馈。我尝试使用CSS来做到这一点，但你只能改变左缩进