laundry/pages/serah/detal.wxml

<view class="page">
  <view class="outer1">

    <view class="box3">
      <view class="bd1">
        <text lines="1" class="info2">始发地</text>
        <text lines="1" class="word3">北京大兴工厂</text>
        <text lines="1" class="word4">目的地</text>
        <text lines="1" class="word5">北理工9号公寓代收点字数长扩展第二行</text>
      </view>
    </view>
    <view class="box4">
      <view class="box5">
        <text lines="1" class="info3">物流记录</text>
        <view class="bd2"></view>
        <text lines="1" class="word6">物流单号：321897947903220</text>
        <text lines="1" class="word7">封签号：12-345678</text>
        <text lines="1" decode="true" class="word8">2019-05-07&nbsp;15:17:35&nbsp;用户签收</text>
        <view class="bd3">
          <view class="main4"></view>
          <view class="main5">
            <text lines="1" decode="true" class="word9">北京理工9号公寓代收点&nbsp;接收员：大黄</text>
            <text lines="1" decode="true" class="word10">2019-05-07&nbsp;15:17:35&nbsp;网点签收</text>
            <text lines="1" decode="true" class="word11">北京理工9号公寓代收点&nbsp;接收员：大黄</text>
            <text lines="1" decode="true" class="txt2">2019-05-07&nbsp;15:17:35&nbsp;物流签收</text>
            <text lines="1" class="word12">物流员：大黄2</text>
            <text lines="1" decode="true" class="word13">2019-05-07&nbsp;15:17:35&nbsp;出厂签收</text>
            <text lines="1" class="txt3">物流员：大黄2</text>
            <text lines="1" decode="true" class="word14">2019-05-07&nbsp;15:17:35&nbsp;打包完成</text>
            <text lines="1" decode="true" class="word15">北京大兴大兴大兴工厂&nbsp;质检员：大黄</text>
          </view>
        </view>
      </view>
      <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="label2"></image>
      <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="label3"></image>
      <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="icon2"></image>
      <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="label4"></image>
     <icon class="label4" style="background-color: aqua;"></icon>
    </view>
    <view class="box6">
      <view class="bd4">
        <view class="box7">
          <text lines="1" class="word16">运输物</text>
          <text lines="1" class="word17">共2件</text>
        </view>
        <view class="box8"></view>
        <view class="box9">
          <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng443435e42f1574c6358776f96d37cd6595e947f5855c50d037d87d48edf7f5dd.png?sign=6aa93ec22879f932e1919a97a1aab038&t=1645184796" class="pic2"></image>
          <view class="section2">
            <text lines="1" class="txt4">上衣-亚麻上衣</text>
            <view class="group1">
              <text lines="1" class="info4">颜色：</text>
              <view class="block1">
                <view class="layer1">
                  <view class="block2"></view>
                  <view class="block3"></view>
                  <view class="block4"></view>
                </view>
                <view class="layer2">
                  <view class="mod1"></view>
                  <view class="mod2"></view>
                </view>
                <view class="layer3">
                  <view class="box10"></view>
                  <view class="box11"></view>
                </view>
                <view class="layer4"></view>
                <view class="layer5"></view>
              </view>
              <text lines="1" class="txt5">花色</text>
            </view>
          </view>
          <text lines="1" class="word18">水洗码：1234567</text>
        </view>
        <view class="box12">
          <view class="mod3-0">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic3-0"></image>
          </view>
          <view class="mod3-1">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic3-1"></image>
          </view>
          <view class="mod3-2">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic3-2"></image>
          </view>
          <view class="mod3-3">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic3-3"></image>
          </view>
        </view>
        <text lines="1" decode="true" class="infoBox1">分拣时间：2021-11-27&nbsp;07:02:15<br />清洗完成：2021-11-27&nbsp;07:02:21</text>
        <view class="box13"></view>
        <view class="box14">
          <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng658f9b83b218bea163eec2109919ca4eef6961671aa1e021c782a89301e1d5f4.png?sign=4923f2c0e6ba1ad16f35974e3b168aff&t=1645184768" class="img2"></image>
          <view class="group2">
            <text lines="1" class="info5">裤类-西裤</text>
            <view class="box15">
              <text lines="1" class="word19">颜色：</text>
              <view class="section3"></view>
              <text lines="1" class="word20">灰色</text>
            </view>
          </view>
          <text lines="1" class="txt6">水洗码：1234567</text>
        </view>
        <view class="box16">
          <view class="layer6">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic4"></image>
          </view>
          <view class="layer7">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic5"></image>
          </view>
          <view class="layer8">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic6"></image>
          </view>
          <view class="layer9">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic7"></image>
          </view>
          <view class="layer10">
            <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266" class="pic8"></image>
          </view>
        </view>
        <text lines="1" decode="true" class="paragraph1">分拣时间：2021-11-27&nbsp;07:02:15<br />清洗完成：2021-11-27&nbsp;07:02:21</text>
      </view>
      <view class="bd5"></view>
    </view>
    <view class="box17">
      <view class="outer2">
        <view class="bd6">
          <text lines="1" class="txt7">配送信息</text>
          <view class="section4"></view>
        </view>
        <view class="bd7"></view>
        <text lines="1" class="info6">姓名：大黄</text>
        <text lines="1" class="word21">手机：13333333333</text>
        <text lines="1" class="infoBox2">地址：9号楼，303宿舍，更多文字更多文字更多文字更多<br />文字更多文字</text>
      </view>
      <text lines="1" class="txt8">联系用户</text>
    </view>
    <view class="box18">
      <view class="section5">
        <text lines="1" class="txt9">订单信息</text>
        <view class="mod4"></view>
        <text lines="1" class="word22">订单编号：321897947903220</text>
        <text lines="1" class="word23">订单类型：代收点</text>
        <view class="mod5">
          <view class="mod6">
            <view class="main6">
              <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266"></image>
            </view>
          </view>
          <view class="mod7">
            <text lines="1" class="word24">衬衫-上衣类</text>
            <text lines="1" class="word25">x2</text>
          </view>
        </view>
        <view class="mod5">
          <view class="mod6">
            <view class="main6">
              <image src="https://636c-cloud1-7g2wlwzh596f43b6-1306306616.tcb.qcloud.la/SketchPng2028ba814604598bb8ec05fc16dce2524aefc94931b40e3667d61dc7f072f0ba.png?sign=d7acba3f3615797d9ddc469195922938&t=1645185266"></image>
            </view>
          </view>
          <view class="mod7">
            <text lines="1" class="word24">衬衫-上衣类</text>
            <text lines="1" class="word25">x2</text>
          </view>
        </view>
        <view class="mod9">
          <text lines="1" class="word26">增值服务</text>
          <text lines="1" decode="true" class="word27">防水处理&nbsp;|&nbsp;塑封包膜</text>
        </view>
      </view>
    </view>
    <view class="box19">
      <view class="section6">
        <text lines="1" class="info8">订单关联物流</text>
        <view class="bd8"></view>
        <view class="bd9">
          <text lines="1" class="word28">物流编号：</text>
          <text lines="1" decode="true" class="txt10">9283&nbsp;9282&nbsp;2938&nbsp;2938&nbsp;1</text>
          <text lines="1" class="word29">送至工厂</text>
        </view>
        <text lines="1" class="word30">封签号：12-345678</text>
        <view class="bd10"></view>
        <view class="bd11">
          <text lines="1" class="word31">物流编号：</text>
          <text lines="1" decode="true" class="info9">9283&nbsp;9282&nbsp;2938&nbsp;2938&nbsp;1</text>
          <text lines="1" class="txt11">送至用户</text>
        </view>
        <view class="bd12">
          <text lines="1" class="txt12">封签号：12-345678</text>
          <button bindtap="onClick" class="section7">
            <text lines="1" class="txt13">当前查看</text>
          </button>
        </view>
        <view class="bd13"></view>
        <view class="bd14">
          <text lines="1" class="info10">物流编号：</text>
          <text lines="1" decode="true" class="word32">9283&nbsp;9282&nbsp;2938&nbsp;2938&nbsp;1</text>
          <text lines="1" class="txt14">送至用户</text>
        </view>
        <text lines="1" class="word33">封签号：12-345678</text>
      </view>
    </view>
  </view>
</view>