本文共 597 字，大约阅读时间需要 1 分钟。

我们只需要设置：

         
            
     
      {
  {item}}
           
     
   

然后css样式,，将原有边框变成透明，加上自己想要的渐变：

.picker-box{
     width:100%;  height: 96rpx;  border-top:1px solid transparent;  border-bottom:1px solid transparent;  border-image:linear-gradient(to right,white,red,white) 1 10;}

如果想要线短一点，在外层view设置一个padding即可：

      
          
             
      
       {
  {item}}
            
           
    
   

.picker-box{
     width:100%;  height: 96rpx;  border-top:4px solid skyblue;  border-bottom:4px solid skyblue;  border-radius: 4rpx;}

转载地址：http://hzrgn.baihongyu.com/