vant样式不生效问题的解决办法

.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 0.42667rem;
}

.van-nav-bar__title {
      max-width: unset; // 取消设置
 }

vue ui

# Vue 3 项目，安装最新版 Vant：
npm i vant -S
 
# Vue 2 项目，安装 Vant 2：
npm i vant@latest-v2 -S

# 安装插件
npm i babel-plugin-import -D
// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}
 
// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
};
// 接着你可以在代码中直接引入 Vant 组件
// 插件会自动将代码转化为方式二中的按需引入形式
import { Button } from 'vant';

import Button from 'vant/lib/button';
import 'vant/lib/button/style';

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';
 
Vue.use(Vant);

/deep/ .van-nav-bar__title {
      max-width: unset;
}