为您找到相关结果222,268个
vue的table表格组件的封装方式_vue.js_脚本之家
display: flex; flex-wrap: wrap; // margin: 10px 0; > button { margin-right: 5px !important; } } .custom-append { display: flex; > div :not(:last-child) { // margin-right: 15px !important; } .custom-clild { margin-right: 15px !important; > div :not(:last-child) { //...
www.jb51.net/javascript/287871s...htm 2024-10-7
微信小程序自定义计时器功能_javascript技巧_脚本之家
display: flex; flex-wrap: wrap; } .task_cate .cate_item{ width: 220rpx; height: 130rpx; text-align: center; margin-bottom: 50rpx; } .task_cate .cate_item .cate_icon{ height: 70rpx; } .task_cate .cate_item .cate_icon image{ width: 50rpx; height: 50rpx; } .task_cate .cate...
www.jb51.net/article/2622...htm 2024-9-25
Vue.js实现九宫格图片展示模块_vue.js_脚本之家
flex-wrap: wrap; } .cover-small{ display: flex; justify-content: center; width: 10%; margin: 10px 0; opacity: 0.6; cursor: pointer; } .cover-small:hover{ opacity: 1; } .active{ display: flex; } .None{ display: none; } .smallActive{ opacity: 1; } Javascript 1 2 3 4 5 ...
www.jb51.net/article/2258...htm 2024-9-29
vue实现图片上传预览功能_vue.js_脚本之家
<!--点击上传按钮--> 点击上传 <!--展示区域--> <viewer :images="item.imgUrl">
www.jb51.net/article/1770...htm 2024-10-7
利用JavaScript编写一个简单的1024小游戏_javascript技巧_脚本之家
display: flex; flex-wrap: wrap; width: 408px; height: 408px; border: 1px solid black; } .game-tile { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border: 1px solid black; } .tile-2 { background-color: #eee4da; } .tile-4 { back...
www.jb51.net/javascript/3025952...htm 2024-10-7
基于vue3+TypeScript实现一个简易的Calendar组件_vue.js_脚本之家
flex: 1; } } &-body { &-row { display: flex; flex-wrap: wrap; } &-cell { width: calc(100% / 7); padding: 10px; height: 100px; box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #ccc; &-current { color: #000; } &-selected...
www.jb51.net/javascript/320503l...htm 2024-10-8
uniapp实现可以左右滑动导航栏_javascript技巧_脚本之家
<view style="height: 100%;" class="ft-color-white ft-36 flex-1 flex-wrap align-items-center justify-content-center"> PIQSCORE </view> <text style="margin-right: 16upx;" class="iconfont icon-UI_icon_shebeisheshi ft-44 ft-color-red"></text> <text style="right: 30upx;bottom: 14...
www.jb51.net/article/1978...htm 2024-10-7
微信小程序自定义可滑动日历界面_javascript技巧_脚本之家
flex-wrap: wrap; align-content: flex-start; } .calendar{ position: fixed; z-index:10000; background: #393E44; } .grid { width: 107.14rpx; height: 100rpx; text-align: center; line-height: 100rpx; font-size:.7rem; color:#fff; } .today { color: #88a1fd; } .grid view { height...
www.jb51.net/article/1536...htm 2024-10-6