subscription.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. {extend name="layout/base" /}
  2. {block name="title"}
  3. <title>关注公众号操作_麻花网络</title>
  4. {/block}
  5. {block name="header"}
  6. <link rel="stylesheet" href="__STATIC__/css/mobile/style.css">
  7. <style>
  8. html {
  9. height: 100%;
  10. }
  11. .header .back{
  12. padding-right: 0.1rem;
  13. }
  14. .header div {
  15. display: flex;
  16. align-items: center;
  17. }
  18. .subscription {
  19. width: 3rem;
  20. height: calc(100% - 1rem);
  21. padding: 1rem 0.4rem 0;
  22. text-align: center;
  23. background: url("/static/images/mobile/bg/bg-build.png") no-repeat;
  24. background-size: 100%;
  25. background-position: bottom;
  26. }
  27. .subscription>img {
  28. width: 100%;
  29. margin-bottom: 0.2rem;
  30. }
  31. .subscription div {
  32. display: flex;
  33. align-items: center;
  34. margin: 0.2rem 0;
  35. }
  36. .subscription div img {
  37. width: 0.46rem;
  38. margin-right: 0.14rem;
  39. }
  40. .wecode {
  41. width: 1.7rem;
  42. width: 1.7rem !important;
  43. margin-bottom: 0 !important;
  44. }
  45. .header {
  46. border-bottom: none;
  47. }
  48. </style>
  49. {/block}
  50. {block name="content"}
  51. <!-- header start -->
  52. <header class="top">
  53. <div class="header">
  54. <div>
  55. <a href="javascript:history.back(-1)"><img src="__STATIC__/images/mobile/icon/left.png" class="back"></a>
  56. <h1>关注公众号操作</h1>
  57. </div>
  58. <div>
  59. <div class="search-icon"><a href=""><img src="__STATIC__/images/mobile/icon/search.png"></a></div>
  60. <div class="menu"><img src="__STATIC__/images/mobile/icon/menu-bar.png"></div>
  61. </div>
  62. </div>
  63. </header>
  64. <!-- header end -->
  65. <div class="subscription">
  66. <img src="__STATIC__/images/mobile/font.png">
  67. <div><img src="__STATIC__/images/mobile/font-one.png">
  68. <p>保存以下二维码或截屏当前页面</p>
  69. </div>
  70. <img src="__STATIC__/images/code.jpg" class="wecode">
  71. <div><img src="__STATIC__/images/mobile/font-two.png">
  72. <p>打开微信“扫一扫”页面,选择【相册】</p>
  73. </div>
  74. <div><img src="__STATIC__/images/mobile/font-three.png">
  75. <p>选择保存的二维码,关注麻花网络公众号</p>
  76. </div>
  77. </div>
  78. {/block}
  79. {block name="detail_js"}
  80. {/block}