kucunxiangqing_body.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html class="">
  3. <!--STATUS OK-->
  4. <head>
  5. <meta name="referrer" content="always" />
  6. <meta charset='utf-8' />
  7. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="x-dns-prefetch-control" content="on">
  9. <meta name="description" content="">
  10. <meta name="format-detection" content="telephone=no" />
  11. <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
  12. <link rel="stylesheet" type="text/css" href="css/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="css/main.css" />
  14. <script src="js/vue.js"></script>
  15. <script src="js/vant-ui.js"></script>
  16. <script src="js/main.js"></script>
  17. <title></title>
  18. </head>
  19. <body>
  20. <div id="app" v-cloak>
  21. <div class="pageView kucunxiangqing flex col">
  22. <div class="boxs">
  23. <div class="title flex a-center j-center">
  24. <div class="item flex a-center j-center">库龄</div>
  25. <div class="item flex a-center j-center">库存</div>
  26. </div>
  27. <ul>
  28. <li class="flex a-center j-center" v-for="(item,index) in list" :key="index">
  29. <div class="item flex a-center j-center">2个月</div>
  30. <div class="item flex a-center j-center">360</div>
  31. </li>
  32. </ul>
  33. </div>
  34. </div>
  35. </div>
  36. </body>
  37. <script>
  38. new Vue({
  39. el: '#app',
  40. data: {
  41. list:[1,2,3,4,5]
  42. },
  43. mounted: function() {
  44. }
  45. })
  46. </script>
  47. </html>