search.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>搜索 {{.key}} - 易租租</title>
  6. <link rel="stylesheet" href="/api/static/css/search.css">
  7. <link rel="stylesheet" href="/api/static/css/index.css">
  8. <meta name="keywords" content="{{.key}} - 易租租">
  9. <meta name="description"
  10. content="海外数字商城,为全球用户提供谷歌、苹果、脸书等购买服务,还有苹果、谷歌、steam礼品卡等购买渠道。在这里您还能进行steam代充、steam海外代充、steam钱包代充等,7*24小时为您提供满意的交易。">
  11. </head>
  12. <body>
  13. {{template "NavigationBar.tmpl" .}}
  14. <div class="search-result">
  15. <div class="search-result-body">
  16. <div class="search-result-title">
  17. <div class="search-result-title-text">搜索结果</div>
  18. </div>
  19. <div class="search-total">{{.count}}</div>
  20. <div class="card-list">
  21. {{range $i,$vo := .list}}
  22. <div class="goods-sku-info" onclick="JumpRouter('/detail?skuId={{$vo.id}}')">
  23. <div class="goods-img"><img src="{{.skuImage}}" alt=""></div>
  24. <div class="goods-name">{{ .skuName }}</div>
  25. <div class="goods-price">{{ .price }}</div>
  26. {{if ne .historicalPrices .price }}
  27. <div >
  28. <div class="goods--original-price">¥{{ .historicalPrices }}</div>
  29. <div class="goods-discount-percentage">{{discalc .price .historicalPrices }}</div>
  30. </div>
  31. {{else}}
  32. <div >
  33. <div class="goods--original-price">¥{{ .historicalPrices }}</div>
  34. </div>
  35. {{end}}
  36. </div>
  37. {{end}}
  38. </div>
  39. <div class="search-pagination">
  40. {{if gt .count 11}}
  41. <el-pagination background
  42. @current-change="GetSearch"
  43. :current-page="vo.pageNum"
  44. :page-size="vo.pageSize"
  45. :hide-on-single-page="true"
  46. :total="vo.total"
  47. layout="prev, pager, next ">
  48. </el-pagination>
  49. {{end}}
  50. </div>
  51. </div>
  52. </div>
  53. {{template "BottomBar.tmpl" .}}
  54. </body>
  55. </html>