index.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. {extend name="layout/default" /}
  2. {block name="content"}
  3. <div class="panel panel-default panel-intro">
  4. <div class="panel-heading">
  5. <ul class="nav nav-tabs">
  6. <li class="active"><a href="#one" data-toggle="tab">平台配置</a></li>
  7. </ul>
  8. </div>
  9. <div class="panel-body">
  10. <div class="tab-content">
  11. <div class="tab-pane fade in active" id="one">
  12. <div class="row">
  13. <div class="col-md-12">
  14. <div class="form-group">
  15. <label>选择平台配置</label>
  16. <div class="platform-list">
  17. <div class="row">
  18. <div class="col-md-6">
  19. <div class="panel panel-default">
  20. <div class="panel-heading">
  21. <h3 class="panel-title">
  22. <i class="fa fa-wechat text-success"></i>
  23. 微信小程序
  24. </h3>
  25. </div>
  26. <div class="panel-body">
  27. <p class="text-muted">配置微信小程序平台信息,包括AppID、密钥、登录配置等</p>
  28. <div class="row">
  29. <div class="col-md-6">
  30. <span class="label label-primary">接入流程</span>
  31. <ul class="list-unstyled" style="margin-top: 10px;">
  32. <li><i class="fa fa-check-circle text-success"></i> 微信小程序认证</li>
  33. <li><i class="fa fa-check-circle text-success"></i> 微信小程序配置</li>
  34. <li><i class="fa fa-check-circle text-success"></i> 上传小程序</li>
  35. <li><i class="fa fa-check-circle text-success"></i> 提交审核</li>
  36. </ul>
  37. </div>
  38. <div class="col-md-6">
  39. <span class="label label-info">配置要素</span>
  40. <ul class="list-unstyled" style="margin-top: 10px;">
  41. <li><i class="fa fa-cog"></i> 小程序AppID</li>
  42. <li><i class="fa fa-cog"></i> 小程序密钥</li>
  43. <li><i class="fa fa-cog"></i> 登录配置</li>
  44. <li><i class="fa fa-cog"></i> 支付配置</li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="text-center" style="margin-top: 15px;">
  49. <a href="{:url('platform/wechat_mini_program')}" class="btn btn-primary">
  50. <i class="fa fa-cog"></i> 配置微信小程序
  51. </a>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="col-md-6">
  57. <div class="panel panel-default">
  58. <div class="panel-heading">
  59. <h3 class="panel-title">
  60. <i class="fa fa-music text-info"></i>
  61. 抖音小程序
  62. </h3>
  63. </div>
  64. <div class="panel-body">
  65. <p class="text-muted">配置抖音小程序平台信息,包括AppID、密钥、登录配置等</p>
  66. <div class="row">
  67. <div class="col-md-6">
  68. <span class="label label-primary">接入流程</span>
  69. <ul class="list-unstyled" style="margin-top: 10px;">
  70. <li><i class="fa fa-check-circle text-success"></i> 抖音开发者认证</li>
  71. <li><i class="fa fa-check-circle text-success"></i> 抖音小程序配置</li>
  72. <li><i class="fa fa-check-circle text-success"></i> 上传小程序</li>
  73. <li><i class="fa fa-check-circle text-success"></i> 提交审核</li>
  74. </ul>
  75. </div>
  76. <div class="col-md-6">
  77. <span class="label label-info">配置要素</span>
  78. <ul class="list-unstyled" style="margin-top: 10px;">
  79. <li><i class="fa fa-cog"></i> 小程序AppID</li>
  80. <li><i class="fa fa-cog"></i> 小程序密钥</li>
  81. <li><i class="fa fa-cog"></i> 登录配置</li>
  82. <li><i class="fa fa-cog"></i> 支付配置</li>
  83. </ul>
  84. </div>
  85. </div>
  86. <div class="text-center" style="margin-top: 15px;">
  87. <a href="{:url('platform/douyin_mini_program')}" class="btn btn-info">
  88. <i class="fa fa-cog"></i> 配置抖音小程序
  89. </a>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="row">
  96. <div class="col-md-12">
  97. <div class="alert alert-info">
  98. <i class="fa fa-info-circle"></i>
  99. <strong>注意:</strong>
  100. <ul style="margin-top: 10px;">
  101. <li>配置平台信息前,请确保已在对应平台完成开发者认证</li>
  102. <li>AppID和密钥信息请从对应平台的开发者后台获取</li>
  103. <li>配置完成后,请测试接口调用是否正常</li>
  104. <li>配置信息会自动缓存,修改后会自动清除缓存</li>
  105. </ul>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. {/block}