weixin_48286936的博客

项目场景： 正常显示为最右侧模块 hover时显示为左侧模块，且每个模块hover时背景图均不相同 方案分析： 采用@mouseover和@mouseout来解决鼠标hover移入和移出问题 移入时要设置个变量记录hover的是第几个，否则会出现hover一个全部背景图都展示的效果 解决方案： <ul> <li v-for="(item,index) in appList" :key="index"

/*修改滚动条样式*/ div::-webkit-scrollbar { width: 5px; height: 10px; } div::-webkit-scrollbar-track { background: rgb(239, 239, 239); border-radius: 2px; } div::-webkit-scrollbar-thumb { background: #bfbfbf; border-radius: 10px; } div::-webkit-scroll

圣杯布局和双飞翼布局目的： 三栏布局，中间一栏最先加载和渲染（内容最重要） 两边定宽，中间内容宽度自适应 一般用于PC端 圣杯布局和双飞翼布局的技术总结： 使用float布局 两侧使用margin布局，以便和中间内容横向重叠 防止中间内容被两侧覆盖，圣杯布局用padding，双飞翼布局用margin 圣杯布局实现（去除header和footer） 准备1：容器包裹，三栏分别设置宽度和背景色（两边定宽，中间宽度设为100%） .center { width: 100%;