前端框架 VUE 开发指引

1. vue页面加载时，v-if标签导致页面闪频解决

页面添加style,并在 v-if 标签添加调用：

[v-cloak] {

  /* display: none !important; */

  visibility: hidden !important;

}

个人建议使用 visibility: hidden ，因为只是显示问题，没必要使用 display: none , 程度没那么严重；

 

2. css 字体粗细问题

font-weight: bolder;  // 更粗字体

font-weight: bold;  // 粗字体

3. css 背景透明

background: transparent;

4. 去除原生 select 下拉框的边框和倒三角

border: 0; // 去除边框
-webkit-appearance: none; // 去除倒三角

5. div 内容上下左右居中

display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;

6. select 下拉框内容靠右 text-align: right; 不生效问题

direction: rtl;

7. 按钮圆角

-webkit-border-radius: 3rem;

rem 大小根据实际情况自行定义