webfullstack的博客

场景复现:使用到的方法(css的网格布局)display:grid实现步骤项目场景：终端: H5框架:"vant": "^2.11.2","vue": "^2.6.11",H5页面上使用van-dropdown-menu组件出现了样式错位的问题在文字溢出时出现样式问题,文字没有达到溢出的条件时没有问题问题描述：van-dropdown-menu组件文字溢出时中遇到的问题：下拉菜单倒三角对不齐 原因分析：倒三角的定位,是根据父级元素做的定位,父级元素的宽

实现的效果图如下:在使用vant的表单组件需要嵌套下拉选择组件vanDropdownMenu时的方式如下一. HTML部分<van-form @submit="onSubmit" class="mlr-15"> <van-field v-model="form.id" label="试卷类型" error required :rules="[{ required: true, message: '请选择试卷类型'

在vant官网文档上看了好久也没有找到全屏的弹窗组件,没有解决,只能自己搞了,其实也很简单代码部分&lt;van-popup v-model="isShow" position="top" class="overlay80vh" :overlay="true"&gt; 内容&lt;/van-popup&gt;CSS样式.overlay80vh{ height