本文主要介绍select和option样式"太丑"的解决方案,本文主要是通过vue实现的DOM截点的操作,如非vue需用相关语法的方式获取对应的参数方法。
一、业务场景
1.1 顶栏或横向导航需要一个下拉框,虽然select样式可以改动,但是option是固定的宽度,导致select显示占位有违和。
1.2 解决方案是通过ul-li的形式替换,可以自适应UI的设计
二、案例展示
三、相关代码
<template>
<div class="active-nav-wrapper">
<div class="nav">