yonbuilder搜索框样式不生效问题

星空昊

搜索框想要居中并放大，现在只是实现了居中效果，代码如下：

```js
init: function (viewModel) {

    viewModel.on('afterInit', function () {
        //进入页面不执行自动搜索
        viewModel.getParams().autoLoad = false;

    });
    //列表页组件挂载完成
    viewModel.on('afterMount', function (args) {
        //居中
        var yonRowDiv = document.querySelector(".new-filter-container .yonRow.yon-row");
        yonRowDiv.style.justifyContent = "space-between";       //放大
       var element = document.getElementById("cctv-ffminputquoting_company_input");
       element.setAttribute("style", "width: 500px; right: 100px;");
    })


}
```
实现效果图是这样：

但是放大的代码不生效。
打开断点看到因为viewModel.on('afterMount', function (args) {执行的时候，还拿不到id为cctv-ffminputquoting_company_input的元素。所有设置没生效。
在页面加载完毕后，在控制台输入代码：
```js

var element = document.getElementById("cctv-ffminputquoting_company_input");
element.setAttribute("style", "width: 500px; right: 100px;");

```
可以实现效果，效果如下：

但是写在代码里就不生效，请问各位大神帮忙看一下，这个应该怎么写，才能达到最后一个图的效果。感谢。

yonyouhmm

viewModel.on('afterMount', function (data) {
    let filterViewModel = viewModel.getCache('FilterViewModel');
    filterViewModel.on('afterInit',args=>{
      debugger;//放在这里试试
    })
});

星空昊

yonyouhmm · 2023-10-7 09:52viewModel.on('afterMount', function (data) {
    let filterViewModel = viewModel.getCache('FilterViewModel');
    filterViewModel.on('afterInit',args=>{

放到这里确实可以，谢谢。