Vue实现快递配送UI笔记

记录一下 

示例&＃xff1a;

 //-邮寄运输详情.w-full.rounded-20.px-25.mt-25.bg-white(v-if&＃61;&＃39;daijichu&＃61;&＃61;&＃61;1&＃39;)scroll-view.w-full.h-full.bottom-10(scroll-y).w-702.rounded-20.mx-auto.pb-33.flex.flex-col.ml-23.pt-35.pb-25.border-b-1.border-cee.text-30.text-c33.font-bold.w-full.h-44 顺丰快递.text-30.text-c33.mt-18.w-full.h-44 运单号&＃xff1a;87747858897846746//- //- 还未发货//- .w-full.h-full.mx-auto(v-if&＃61;&＃39;!isSend&＃39;)//-   image.pt-135(//-     style&＃61;&＃39;width: 147rpx; height: 238rpx; margin-left: 272rpx&＃39;,//-     src&＃61;&＃39;https://oss.ljnhs.cn/frontend/images/null.png&＃39;//-   )//-   .text-30.text-c99.text-center.mt-41 您的订单还未发货&＃xff0c;请耐心等待//- 快递配送.h-full.w-665.mt-53.mx-auto.h-full.w-full.flex(v-for&＃61;&＃39;(item, ide) in listItem1&＃39;,:key&＃61;&＃39;ide&＃39;,&＃64;click&＃61;&＃39;selectLogistic&＃39;).w-13.h-full.w-13.h-13.rounded-1_2(:style&＃61;&＃39;ide &＃61;&＃61;&＃61; 0 ? "background: #1ee58f" : "background: #696969"&＃39;).w-5.-ml-8.mt-20.mb-15(:class&＃61;&＃39;ide &＃61;&＃61;&＃61; listItem1.length - 1 ? "border-none":"border-l-1 border-dashed border-cd2"&＃39;).flex-1.ml-26.h-full.text-24.mb-13.-mt-13(:style&＃61;&＃39;ide &＃61;&＃61;&＃61; 0 ? "color: #1ee58f" : "color: #333333"&＃39;) {{ item.time }}.w-630.rounded-20.mr-36(:style&＃61;&＃39;ide &＃61;&＃61;&＃61; 0 ? "color: #1ee58f" : "color: #333333"&＃39;).pt-26.leading-42.text-24 {{ item.name }}.pb-31.leading-42.text-24text 投递员:{{ item.aa }},电话:{{ item.phone }}