海南平台网站建设企业,开平小学学生做平网站,网站修改建议,北京公司可以在上海建网站吗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;}效果图
