设置新手指导第一步样式没对齐效果

yangyin

2024-11-22 db8c3cd0b6c3036635d2f8cf151136af48735eee

设置新手指导第一步样式没对齐效果

 src/views/project/ch/home/Home.vue

@@ -52,8 +52,15 @@
    prevBtnText: '上一步',
    doneBtnText: '完成',
    steps: [
        { element: '.set-next-group-type', popover: { title: '1.请选择主场景', description: '默认为业务场景' } },
        { element: '.pc-scenes', popover: { title: '2.请选择次场景', description: '默认为官网工单', side: 'left' } },
        {
            element: '.set-next-group-type',
            popover: {
                title: '1.请选择主场景',
                description: '默认为业务场景',
                popoverClass: 'driverjs-theme',
            },
        },
        { element: '.pc-scenes', popover: { title: '2.请选择次场景', description: '默认为官网工单' } },
        { element: '.pc-prompts', popover: { title: '3.请选择提问示例', description: '选其中一个案例' } },
        { element: '.playInput', popover: { title: '4.输入提问内容', description: '点击发送开始对话' } },
        { element: '.retract_icon', popover: { title: '5.更多提问示例', description: '展开后可查看更多案例' } },
@@ -202,3 +209,8 @@
    overflow: unset !important;
}
</style>
<style>
.driver-popover.driverjs-theme {
    inset: 191.422px auto auto 357.828px !important;
}
</style>