master

分支 (1)

管理

管理

master

app_team
/
聊天框页.html

<!DOCTYPE html>
<html>
  <head>
    <title>聊天框页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/聊天框页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/聊天框页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u5845" class="ax_default box_1">
        <div id="u5845_div" class=""></div>
        <div id="u5845_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5846" class="ax_default box_1">
        <img id="u5846_img" class="img " src="images/订单流程图/u601.svg"/>
        <div id="u5846_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5847" class="ax_default icon">
        <img id="u5847_img" class="img " src="images/订单流程图/u602.svg"/>
        <div id="u5847_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5848" class="ax_default _文本段落">
        <div id="u5848_div" class=""></div>
        <div id="u5848_text" class="text ">
          <p><span>天天水果店</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u5849" class="ax_default _图片_">
        <img id="u5849_img" class="img " src="images/订单流程图/u604.svg"/>
        <div id="u5849_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5850" class="ax_default box_3">
        <div id="u5850_div" class=""></div>
        <div id="u5850_text" class="text ">
          <p><span>店铺</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5851" class="ax_default" data-left="695" data-top="345" data-width="271" data-height="44">

        <!-- Unnamed (组合) -->
        <div id="u5852" class="ax_default" data-left="723" data-top="345" data-width="243" data-height="44">

          <!-- Unnamed (SVG) -->
          <div id="u5853" class="ax_default image">
            <img id="u5853_img" class="img " src="images/订单流程图/u608.svg"/>
            <div id="u5853_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u5854" class="ax_default flow_shape">
            <div id="u5854_div" class=""></div>
            <div id="u5854_text" class="text ">
              <p><span>你好，你们送到东13要多久</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5855" class="ax_default _文本段落">
          <div id="u5855_div" class=""></div>
          <div id="u5855_text" class="text ">
            <p><span>已读</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5856" class="ax_default _文本段落">
        <div id="u5856_div" class=""></div>
        <div id="u5856_text" class="text ">
          <p><span>2021年01月03日&nbsp; 17:35</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5857" class="ax_default" data-left="613" data-top="541" data-width="208" data-height="44">

        <!-- Unnamed (图片 ) -->
        <div id="u5858" class="ax_default _图片_">
          <img id="u5858_img" class="img " src="images/订单流程图/u613.svg"/>
          <div id="u5858_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5859" class="ax_default flow_shape">
          <div id="u5859_div" class=""></div>
          <div id="u5859_text" class="text ">
            <p><span>谢谢，ღ( ´･ᴗ･` )比心</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u5860" class="ax_default _形状">
        <img id="u5860_img" class="img " src="images/订单流程图/u615.svg"/>
        <div id="u5860_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5861" class="ax_default" data-left="784" data-top="468" data-width="182" data-height="44">

        <!-- Unnamed (SVG) -->
        <div id="u5862" class="ax_default image">
          <img id="u5862_img" class="img " src="images/订单流程图/u608.svg"/>
          <div id="u5862_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5863" class="ax_default flow_shape">
          <div id="u5863_div" class=""></div>
          <div id="u5863_text" class="text ">
            <p><span>好滴，那我下单啦</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5864" class="ax_default _文本段落">
        <div id="u5864_div" class=""></div>
        <div id="u5864_text" class="text ">
          <p><span>已读</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5865" class="ax_default _文本段落">
        <div id="u5865_div" class=""></div>
        <div id="u5865_text" class="text ">
          <p><span>在线</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5866" class="ax_default" data-left="613" data-top="417" data-width="258" data-height="44">

        <!-- Unnamed (图片 ) -->
        <div id="u5867" class="ax_default _图片_">
          <img id="u5867_img" class="img " src="images/订单流程图/u613.svg"/>
          <div id="u5867_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5868" class="ax_default flow_shape">
          <div id="u5868_div" class=""></div>
          <div id="u5868_text" class="text ">
            <p><span>半个小时左右哦，亲~</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5869" class="ax_default _文本段落">
        <div id="u5869_div" class=""></div>
        <div id="u5869_text" class="text ">
          <p><span>2021年01月03日&nbsp; 18:00</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u5870" class="ax_default _图片_">
        <img id="u5870_img" class="img " src="images/订单流程图/u613.svg"/>
        <div id="u5870_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5871" class="ax_default flow_shape">
        <div id="u5871_div" class=""></div>
        <div id="u5871_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; 您的订单已送达，天气冷了，水果不容易&nbsp; &nbsp; &nbsp; 坏，室内阴冷处存放就可以啦，亲~</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5872" class="ax_default" data-left="758" data-top="749" data-width="203" data-height="44">

        <!-- Unnamed (组合) -->
        <div id="u5873" class="ax_default" data-left="796" data-top="749" data-width="165" data-height="44">

          <!-- Unnamed (SVG) -->
          <div id="u5874" class="ax_default image">
            <img id="u5874_img" class="img " src="images/订单流程图/u608.svg"/>
            <div id="u5874_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u5875" class="ax_default flow_shape">
            <div id="u5875_div" class=""></div>
            <div id="u5875_text" class="text ">
              <p><span>谢谢，辛苦了！</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5876" class="ax_default _文本段落">
          <div id="u5876_div" class=""></div>
          <div id="u5876_text" class="text ">
            <p><span>已读</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5877" class="ax_default" data-left="613" data-top="803" data-width="167" data-height="44">

        <!-- Unnamed (图片 ) -->
        <div id="u5878" class="ax_default _图片_">
          <img id="u5878_img" class="img " src="images/订单流程图/u613.svg"/>
          <div id="u5878_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u5879" class="ax_default flow_shape">
          <div id="u5879_div" class=""></div>
          <div id="u5879_text" class="text ">
            <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 不客气呢~</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5880" class="ax_default box_1">
        <div id="u5880_div" class=""></div>
        <div id="u5880_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5881" class="ax_default" data-left="568" data-top="167" data-width="433" data-height="865">

        <!-- Unnamed (组合) -->
        <div id="u5882" class="ax_default" data-left="685" data-top="992" data-width="200" data-height="7">

          <!-- Unnamed (矩形) -->
          <div id="u5883" class="ax_default box_1">
            <div id="u5883_div" class=""></div>
            <div id="u5883_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u5884" class="ax_default" data-left="568" data-top="167" data-width="433" data-height="865">

          <!-- Unnamed (图片 ) -->
          <div id="u5885" class="ax_default _图片_">
            <img id="u5885_img" class="img " src="images/订单流程图/u568.png"/>
            <div id="u5885_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u5886" class="ax_default _图片_">
            <img id="u5886_img" class="img " src="images/订单流程图/u563.png"/>
            <div id="u5886_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u5887" class="ax_default" data-left="568" data-top="167" data-width="433" data-height="62">

            <!-- Unnamed (图片 ) -->
            <div id="u5888" class="ax_default _图片_">
              <img id="u5888_img" class="img " src="images/订单流程图/u565.png"/>
              <div id="u5888_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u5889" class="ax_default _图片_">
            <img id="u5889_img" class="img " src="images/订单流程图/u566.png"/>
            <div id="u5889_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u5890" class="ax_default _图片_">
            <img id="u5890_img" class="img " src="images/订单流程图/u567.png"/>
            <div id="u5890_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u5891" class="ax_default _图片_">
        <img id="u5891_img" class="img " src="images/订单流程图/u646.svg"/>
        <div id="u5891_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5892" class="ax_default box_1">
        <div id="u5892_div" class=""></div>
        <div id="u5892_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u5893" class="ax_default _图片_">
        <img id="u5893_img" class="img " src="images/订单流程图/u648.svg"/>
        <div id="u5893_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u5894" class="ax_default _图片_">
        <img id="u5894_img" class="img " src="images/订单流程图/u649.svg"/>
        <div id="u5894_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5895" class="ax_default box_1">
        <div id="u5895_div" class=""></div>
        <div id="u5895_text" class="text ">
          <p style="font-size:16px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">运用的平静技术</span></p><p style="font-size:13px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">1.设备应该放大自身及人类的优势</span></p><p style="font-size:13px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp; &nbsp; 商品到达后，App会发消息提醒用户关于商品的注意事项，这样可以让用户感受我们App对他关心的情感，用户也可以对此消息进行回复，帮助系统学习知识和了解用户的感受。</span></p><p style="font-size:13px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p style="font-size:13px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">2.设备应该有效利用注意范围的边缘</span></p><p style="font-size:13px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 用户的聊天页面使用彩色圆点来体现客服或好友是否在线，客服或好友在线时，聊天框顶部的圆点是绿色的，不在线圆点是灰色的。</span></p><p style="font-size:13px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5896" class="ax_default box_1">
        <div id="u5896_div" class=""></div>
        <div id="u5896_text" class="text ">
          <p style="font-size:16px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">使用逻辑</span></p><p style="font-size:13px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1.</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">单击左上角【返回】按钮即可返回上一级【好友列表页】；</span></p><p style="font-size:13px;"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">2.页面顶部显示聊天对象、对象状态、店铺按钮、消息列表按钮，</span></p><p style="font-size:13px;"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">3.可通过【店铺】按钮跳转到商家详情页；</span></p><p style="font-size:13px;"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">4.可通过【消息列表】按钮跳转到聊天列表页；</span></p><p style="font-size:13px;"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;">5.若发出的信息被对方浏览，则会在相应的聊天内容框前显示【已读】字样。</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>