摘要：/* 设置滚动条的样式 */ ::-webkit-scrollbar { width:4px; /*滚动条的宽度*/ } 阅读全文

摘要：当btnStatus 为 true 时，按钮样式为半透明 <button :style="{ opacity: btnStatus == true ? 0.6 : 1 }" ></button> 阅读全文

摘要：calc()使用通用的数学运算规则，但是也提供更智能的功能： （1）使用“+”、“-”、“*” 和 “/”四则运算； （2)（可以使用百分比、px、em、rem等单位； （3）可以混合使用各种单位进行计算； （4）表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5 阅读全文

摘要：实现代码： 首先给需要吸顶效果的子元素设置以下样式: position: sticky; top: 0px; //这个top值，指的是 离顶部多少距离吸顶 left: 0px; 然后给父元素 添加 position :relative; 【注意】 sticky属性仅在以下几个条件都满足时有效： （1 阅读全文

摘要：页面显示中的文本自动换行，但是当是一串英文的时候不换行，添加以下样式即可实现英文字母换行 word-wrap:break-word; 阅读全文

摘要：position: sticky; top: 0px; left: 0; z-index: 9; 注意事项：（1）距离顶部的吸顶距离 top:0 时才会生效； （2）吸顶元素的父元素必须是page元素； （3）父元素page不能设置height:100%;否则滑动过程中消失 阅读全文