vant使用

<van-popup v-model:show="show" position="bottom" round :style="{ height: '50%' }">
        <van-picker
            title="驳回"
            @confirm="ConfirmReject"
            @cancel="cancel"
            item-height="0px"
        />
          <van-field
              v-model="message"
              rows="2"
              type="textarea"
              placeholder="请输入理由"
          />
      </van-popup>

vant表单的验证

修改vant原先的样式，首先f12找到对应的类名，然后修改样式：
像下面这种进行对应修改才会有效果，vue3不能识别/deep/这种格式了

::v-deep(.van-cell__title) {
  width: 100px;
}

::v-deep(.van-cell__title) span {
  display: block;
  width: 250px;
}

::v-deep(.van-nav-bar__title) {
  color: rgba(51, 51, 51, 1);
  font-size: 12px;
}

::v-deep(.van-nav-bar__text) {
  font-size: 12px;
}