我想在 v-stepper 步驟中更改圖示大小。我可以設法改變步長。但是找不到更改圖示大小的方法。
<v-stepper
v-model="final_step"
alt-labels
elevation="0"
:width="GetStepperWidth()"
>
<v-stepper-header>
<template v-for="(step, index) in steps">
<v-stepper-step
:color="GetStepColor(index 1)"
:complete-icon="GetCompleteIcon(index 1)"
style=""
:key="`${index 1}-step`"
:complete="final_step > index"
step=""
>
<span :>{{
GetTextDescription(step)
}}</span>
</v-stepper-step>
<v-divider
:
v-if="index 1 !== steps.length"
:key="index"
></v-divider>
</template>
</v-stepper-header>
</v-stepper>
如您所見，我從函式呼叫中獲得了 :complete-icon。所以，它回傳一個字串。像“mdi-plus”。但是沒有辦法增加圖示大小......
CSS...
.v-stepper__step__step.success { width: 60px;height: 60px; margin: -14px;}
.v-stepper__step__step.primary {width: 60px;height: 60px;margin: -14px; }
.v-stepper__step__step.grey {width: 60px;height: 60px;margin: -14px;}
這是我的步進器。
uj5u.com熱心網友回復：
嘗試添加此 css，根據自己的喜好更改高度/寬度
.v-stepper__step__step.primary .v-icon__svg {
height: 42px; //height and width
width: 42px;
}
.v-stepper__step__step.success .v-icon__svg {
height: 42px; //height and width
width: 42px;
}
.v-stepper__step__step.grey .v-icon__svg {
height: 42px; //height and width
width: 42px;
}
uj5u.com熱心網友回復：
我想出了一個臨時的答案。但這并不是理想的解決方案。通過這個，我可以改變圖示大小。但不是特定于步進器！！！檢查所有圖示和文本框檢查圖示大小將是 30px。
.mdi-text-box-check-outline::before ,
.mdi-check-all::before
{
font-size: 30px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/380340.html