APP_design_final
/
3_1_7_我的虚拟形象.html

<!DOCTYPE html>
<html>
  <head>
    <title>3.1.7 我的虚拟形象</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <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/3_1_7_我的虚拟形象/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_1_7_我的虚拟形象/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="">

      <!-- iphone外框 (组合) -->
      <div id="u2005" class="ax_default" data-label="iphone外框" data-left="40" data-top="52" data-width="438" data-height="886">

        <!-- Unnamed (Status Bar) -->

        <!-- Unnamed (图片) -->
        <div id="u2007" class="ax_default image">
          <img id="u2007_img" class="img " src="images/1_1_首页/u140.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2008" class="ax_default" data-left="40" data-top="52" data-width="438" data-height="886">

          <!-- Unnamed (图片) -->
          <div id="u2009" class="ax_default image">
            <img id="u2009_img" class="img " src="images/1_1_首页/u142.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u2010" class="ax_default image">
            <img id="u2010_img" class="img " src="images/1_1_首页/u143.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u2011" class="ax_default image">
            <img id="u2011_img" class="img " src="images/1_1_首页/u144.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u2012" class="ax_default image">
            <img id="u2012_img" class="img " src="images/1_1_首页/u145.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2013" class="ax_default box_2">
        <div id="u2013_div" class=""></div>
        <div id="u2013_text" class="text ">
          <p><span>我的虚拟形象</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2014" class="ax_default flow_shape">
        <div id="u2014_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2015" class="ax_default image">
        <img id="u2015_img" class="img " src="images/1_1_2_单品信息页/u503.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2016" class="ax_default icon">
        <img id="u2016_img" class="img " src="images/3_1_7_我的虚拟形象/u2016.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2017" class="ax_default label">
        <div id="u2017_div" class=""></div>
        <div id="u2017_text" class="text ">
          <p><span>拍照录入五官</span></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2018" class="ax_default">
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u2019" class="ax_default line">
        <img id="u2019_img" class="img " src="images/3_1_4_我的收藏/u1820.png"/>
      </div>

      <!-- Unnamed (下拉列表框) -->
      <div id="u2020" class="ax_default droplist">
        <select id="u2020_input">
          <option value="150">150</option>
          <option value="151">151</option>
          <option value="152">152</option>
          <option value="153">153</option>
          <option value="154">154</option>
          <option value="155">155</option>
          <option selected value="156">156</option>
          <option value="157">157</option>
          <option value="158">158</option>
          <option value="159">159</option>
          <option value="160">160</option>
          <option value="161">161</option>
          <option value="162">162</option>
          <option value="163">163</option>
          <option value="164">164</option>
          <option value="165">165</option>
          <option value="166">166</option>
          <option value="167">167</option>
          <option value="168">168</option>
          <option value="169">169</option>
          <option value="170">170</option>
          <option value="171">171</option>
          <option value="172">172</option>
          <option value="173">173</option>
          <option value="174">174</option>
          <option value="175">175</option>
          <option value="176">176</option>
          <option value="177">177</option>
          <option value="178">178</option>
          <option value="179">179</option>
          <option value="180">180</option>
          <option value="181">181</option>
        </select>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2021" class="ax_default label">
        <div id="u2021_div" class=""></div>
        <div id="u2021_text" class="text ">
          <p><span>身高</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2022" class="ax_default label">
        <div id="u2022_div" class=""></div>
        <div id="u2022_text" class="text ">
          <p><span>体重</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u2023" class="ax_default text_field">
        <input id="u2023_input" type="text" value=""/>
      </div>

      <!-- Unnamed (下拉列表框) -->
      <div id="u2024" class="ax_default droplist">
        <select id="u2024_input">
          <option value="瓜子脸">瓜子脸</option>
          <option value="国字脸">国字脸</option>
          <option value="鹅蛋脸">鹅蛋脸</option>
          <option selected value="圆脸">圆脸</option>
        </select>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2025" class="ax_default label">
        <div id="u2025_div" class=""></div>
        <div id="u2025_text" class="text ">
          <p><span>脸型</span></p>
        </div>
      </div>

      <!-- Unnamed (下拉列表框) -->
      <div id="u2026" class="ax_default droplist">
        <select id="u2026_input">
          <option value="直筒型">直筒型</option>
          <option value="梨子型">梨子型</option>
          <option value="s型">s型</option>
          <option selected value="苹果型">苹果型</option>
          <option value="倒三角">倒三角</option>
        </select>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2027" class="ax_default label">
        <div id="u2027_div" class=""></div>
        <div id="u2027_text" class="text ">
          <p><span>身型</span></p>
        </div>
      </div>

      <!-- 授权 (组合) -->
      <div id="u2028" class="ax_default" data-label="授权" data-left="70" data-top="188" data-width="375" data-height="638">

        <!-- Unnamed (组合) -->
        <div id="u2029" class="ax_default" data-left="70" data-top="188" data-width="375" data-height="638">

          <!-- Unnamed (组合) -->
          <div id="u2030" class="ax_default" data-left="70" data-top="188" data-width="375" data-height="638">

            <!-- Unnamed (矩形) -->
            <div id="u2031" class="ax_default box_2">
              <div id="u2031_div" class=""></div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u2032" class="ax_default" data-left="132" data-top="447" data-width="263" data-height="129">

              <!-- Unnamed (矩形) -->
              <div id="u2033" class="ax_default box_2">
                <div id="u2033_div" class=""></div>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u2034" class="ax_default line">
                <img id="u2034_img" class="img " src="images/3_1_7_我的虚拟形象/u2034.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u2035" class="ax_default line">
                <img id="u2035_img" class="img " src="images/3_1_7_我的虚拟形象/u2035.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u2036" class="ax_default _三级标题">
                <div id="u2036_div" class=""></div>
                <div id="u2036_text" class="text ">
                  <p><span>“今日衣”想访问您的照相机</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u2037" class="ax_default _三级标题">
                <div id="u2037_div" class=""></div>
                <div id="u2037_text" class="text ">
                  <p><span>不允许&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 好</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2038" class="ax_default">
      </div>

      <!-- 新垣结衣 (组合) -->
      <div id="u2039" class="ax_default ax_default_hidden" data-label="新垣结衣" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u2040" class="ax_default box_2">
          <div id="u2040_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2041" class="ax_default image">
          <img id="u2041_img" class="img " src="images/3_1_7_我的虚拟形象/u2041.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2042" class="ax_default image">
          <img id="u2042_img" class="img " src="images/3_1_7_我的虚拟形象/u2042.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2043" class="ax_default image">
          <img id="u2043_img" class="img " src="images/3_1_7_我的虚拟形象/u2043.jpg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2044" class="ax_default image">
          <img id="u2044_img" class="img " src="images/3_1_7_我的虚拟形象/u2044.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2045" class="ax_default image">
          <img id="u2045_img" class="img " src="images/3_1_7_我的虚拟形象/u2045.png"/>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2046" class="ax_default icon">
        <img id="u2046_img" class="img " src="images/1_2_风格/u658.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2047" class="ax_default box_1">
        <img id="u2047_img" class="img " src="images/3_1_7_我的虚拟形象/u2047.png"/>
        <div id="u2047_text" class="text ">
          <p><span><br></span></p><p><span>1.虚拟形象可以录入用户真实脸部特征，用户还可以自己更改形体特征，在下方的热门可自行搭配，形成自己的搭配风格。</span></p><p><span><br></span></p><p><span>2. 点击单品或套装查看搭配效果。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>