|
@@ -24,7 +24,7 @@
|
|
|
<view class="form-data rubbishType">
|
|
|
<view class="rubbishType-title u-required:before">回收分类</view>
|
|
|
<view class="rubbishType-tags">
|
|
|
- <view :class="['item-tags', item.check ? 'active' : '']" v-for="item in rubbishTypeListData" :key="item.code" @click="itemRubbishChange(item)">{{item.dispName}}</view>
|
|
|
+ <view :class="['item-type', item.check ? 'active' : '']" v-for="(item,index) in rubbishTypeListData" :key="item.code" @click="itemRubbishChange(item)">{{item.dispName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="form-data rubbishType">
|
|
@@ -85,6 +85,7 @@
|
|
|
form: {
|
|
|
info: '',
|
|
|
},
|
|
|
+ curIndex:'', // 当前类型下标
|
|
|
rubbishTypeList:[], // 垃圾类型
|
|
|
reserveWeight:'',
|
|
|
hasRider:true, // 是否有骑手
|
|
@@ -508,13 +509,31 @@
|
|
|
.rubbishType-tags{
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- .item-tags.active{
|
|
|
+ .item-type{
|
|
|
+ padding:10upx;
|
|
|
+ background-color:#f5f5f5;
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 100upx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .item-type.active{
|
|
|
padding: 10upx;
|
|
|
+ border: 1px solid #4F88F7;
|
|
|
+ opacity: 1;
|
|
|
background-color:rgba(79, 136, 247, 0.2);
|
|
|
border-radius: 100px;
|
|
|
}
|
|
|
+ .item-weightTags{
|
|
|
+ padding:10upx;
|
|
|
+ opacity: 1;
|
|
|
+ border-radius: 100upx;
|
|
|
+ background-color:#f5f5f5;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
.item-weightTags.active{
|
|
|
padding: 10upx;
|
|
|
+ border: 1px solid #4F88F7;
|
|
|
+ opacity: 1;
|
|
|
background-color:rgba(79, 136, 247, 0.2);
|
|
|
border-radius: 100px;
|
|
|
}
|
|
@@ -571,6 +590,20 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ // .item-type{
|
|
|
+ // padding:10upx;
|
|
|
+ // // border: 1px solid #979797;
|
|
|
+ // opacity: 1;
|
|
|
+ // border-radius: 100upx;
|
|
|
+ // // font-size: 30rpx;
|
|
|
+ // color: #999999;
|
|
|
+ // text-align: center;
|
|
|
+ // }
|
|
|
+ // .item-type.active{
|
|
|
+ // padding: 10upx;
|
|
|
+ // background-color:rgba(79, 136, 247, 0.2);
|
|
|
+ // border-radius: 100px;
|
|
|
+ // }
|
|
|
.btns{
|
|
|
padding: 30upx 30upx 50upx;
|
|
|
background-color: #fff;
|