普通网站怎么做h5,顺企网我做网站,对中国建设银行网站的缺点,网站建设网络公uniapp-自定义表格#xff0c;右边操作栏固定
在网上找了一些#xff0c;没找到特别合适的#xff0c;收集了一下其他人的思路#xff0c;基本都是让左边可以滚动#xff0c;右边定位#xff0c;自己也尝试写了一下#xff0c;有点样式上的小bug#xff0c;还在尝试修…uniapp-自定义表格右边操作栏固定
在网上找了一些没找到特别合适的收集了一下其他人的思路基本都是让左边可以滚动右边定位自己也尝试写了一下有点样式上的小bug还在尝试修复中。 dataList的值赋一下即可。 view class content-copyscroll-view class work_list_in scroll-xtrueview class lis-top styleborder-top: 1rpx solid #DDD;view class lis-top-li代码/viewview class lis-top-li位置/viewview class lis-top-li结算/viewview class lis-top-li长度/viewview class lis-top-li宽度/viewview class lis-top-li数量/viewview class lis-top-li部件/viewview class lis-top-li修理/view/viewview class lis-top v-for(item, index) in dataList :styleindex%2 0?background-color:#FFF:background-color:#F8FAFCview class lis-top-li border-style {{item.damage}}/viewview class lis-top-li border-style {{item.location}}/viewview class lis-top-li border-style {{item.ptyRspons}}/viewview class lis-top-li border-style {{item.length}}/viewview class lis-top-li border-style {{item.width}}/viewview class lis-top-li border-style {{item.repeats}}/viewview class lis-top-li border-style {{item.component}}/viewview class lis-top-li {{item.repaircode}}/view/view/scroll-viewview class lis-rightview class lis-right-top styleborder-top: 1rpx solid #DDD;view class lis-top-li操作/view/viewview class lis-right-top v-for(item, index) in dataList :styleindex%2 0?background-color:#FFF:background-color:#F8FAFCview class lis-top-li border-style-right click.stop editList(item,index)编辑/viewview class lis-top-li stylecolor:red click.stop delList(item,index)删除/view/view/view/view.content-copy{display:flex;align-items: center;justify-content: center;}.work_list_in{width:75%;background-color:#F3FAFF;}.lis-right{width:25%;}.lis-right-top{height:90rpx;width:100%;background-color:#F3FAFF;border-bottom: 1rpx solid #DDD;display:flex;align-items: center;justify-content: center;}.lis-top{height:90rpx; width:1000rpx;background-color:#F3FAFF;display:flex;align-items: center;justify-content: center;border-bottom: 1rpx solid #DDD;}.lis-top-li{width:150rpx;height:100%;display:flex;align-items: center;justify-content: center;font-weight:700;font-size:30rpx;}.border-style{/* color:#495E84; */border-right: 1rpx solid #DDD;}.border-style-right{color:#495E84;border-left: 1rpx solid #DDD;}效果图
