9 Star 127 Fork 23

susuhhhhhh / mini-components

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
app.wxss 1.22 KB
一键复制 编辑 原始数据 按行查看 历史
susuhhhhhh 提交于 2021-08-18 14:16 . 新增canvas2d绘制圆环进度条
/**app.wxss**/
/**app.wxss**/
page {
background: #F5F5F5;
}
/* 多行文字换行 */
.line_ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical
}
.flex-row{
display: flex;
flex-direction: row;
align-items: center;
}
.j_b{
justify-content: space-between;
}
.flex-column{
display: flex;
flex-direction: column;
align-items: center;
}
/* 遮罩 */
.mask{
position: fixed;
z-index: 1000;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,.6);
-webkit-transition-duration: .3s;
transition-duration: .3s;
}
/* 单行文字换行 */
.text_ellipsis {/*宽度自定义*/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* 多行文字换行 */
.line_ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical
}
.col{
flex-direction: column;
}
.flex{
display: flex;
}
/* 去掉button的默认样式*/
button{
padding: 0 !important;
margin: 0 !important;
background: transparent;
font-weight: normal;
}
button::after{
outline: none;
border: none;
}
.button-hover{ /*点击后样式*/
background: transparent;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/susuhhhhhh/components.git
git@gitee.com:susuhhhhhh/components.git
susuhhhhhh
components
mini-components
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891