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