为您找到相关结果220,308个
Vue vant-ui框架实现上拉加载下拉刷新功能_vue.js_脚本之家
align-items: center; justify-content: space-around; flex-wrap: wrap; margin-bottom: 30px; padding: 0 10px; li { width: 125px; height: 125px; margin-bottom: 37px; background-color: black; margin-right: 25px; } li:nth-of-type(4n) { margin-right: 0; } }3.方法data数据定义:1...
www.jb51.net/article/2620...htm 2024-9-19
使用vue实现简单键盘的示例(支持移动端和pc端)_vue.js_脚本之家
display: flex; display: -webkit-box; flex-direction: row; flex-wrap: nowrap; justify-content: center; i { display: block; margin: 0 1%; height: 45px; line-height: 45px; font-style: normal; font-size: 24px; border-radius: 3px; width: 44px; background-color: #fff; text-align: ...
www.jb51.net/article/1314...htm 2024-9-19
vue-element如何实现动态换肤存储_vue.js_脚本之家
flex-wrap: wrap; .color-item { position: relative; margin: 2px; width: 34px; height: 34px; border-radius: 3px; border: 2px solid transparent; cursor: pointer; span { position: absolute; right: 0; top: 0; width: 15px; height: 15px; background-color: #000; color: #fff; font-...
www.jb51.net/article/2823...htm 2024-9-12
vue实现列表固定列滚动_vue.js_脚本之家
display: flex; flex-wrap: wrap; overflow: hidden; .fixedHeadBox { background: pink; height: $headHei; } .nomalHeadBox { background: yellow; height: $headHei; overflow: hidden; } .fixedListBox{ height: calc(100% - #{$headHei}); background: lightblue; overflow: hidden; } .nomalList...
www.jb51.net/article/2553...htm 2024-9-20
vuepress实现自定义首页的样式风格_vue.js_脚本之家
display flex flex-wrap wrap align-items flex-start align-content stretch justify-content space-between .feature margin-bottom 2rem flex-grow 1 flex-basis 30% max-width 30% cursor pointer border 1px solid $borderColor transition box-shadow .3s,border-color .3s &:hover { border-color transparen...
www.jb51.net/article/2589...htm 2024-9-19
实现横向滚动条的2种方法示例_心得技巧_网页制作_脚本之家
两种方法各有各的好处,如果不考虑兼容性问题,还是用flex吧,毕竟还是喜欢那一句话:Write Less,Do More。哈哈 html: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 全部 Adobe 微软 会计 绘画 Adobe 微软 会计 绘画
m.jb51.net/web/6235...html 2024-9-13
React中使用async validator进行表单验证的实例代码_React_脚本之家
flexWrap: 'wrap', }, formControl: { margin: theme.spacing.unit, }, button: { margin: theme.spacing.unit, color: '#fff' }, }); @inject('rootStore') @withStyles(styles) class FormTest2 extends React.Component { state = { name: { value: '', errStatus: false, errMsg: '请输入name...
www.jb51.net/article/1458...htm 2024-9-19
Vue使用mind-map实现在线思维导图_vue.js_脚本之家
flex-wrap: wrap; .icon-item { width: $iconSize; height: $iconSize; margin-right: 0.4rem; margin-top: 0.4rem; cursor: pointer; &.disabled { cursor: not-allowed; opacity: 0.5; } svg { width: $iconSize; height: $iconSize; } } } li { list-style: none; text-align: center; marg...
www.jb51.net/javascript/324361i...htm 2024-9-19