index.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <script setup>
  2. if (process.env.UNI_PLATFORM.toUpperCase() === 'MP-WEIXIN') {
  3. // 若在开发者工具中无法预览广告,请切换开发者工具中的基础库版本
  4. // 在页面中定义插屏广告
  5. let interstitialAd = null
  6. // 在页面onLoad回调事件中创建插屏广告实例
  7. if (wx.createInterstitialAd) {
  8. interstitialAd = wx.createInterstitialAd({
  9. adUnitId: 'adunit-344aa904120b9a0c'
  10. })
  11. interstitialAd.onLoad(() => {
  12. console.log('插屏广告显示成功')
  13. })
  14. interstitialAd.onError((err) => {
  15. console.error('插屏广告加载失败', err)
  16. })
  17. interstitialAd.onClose(() => {})
  18. }
  19. // 在适合的场景显示插屏广告
  20. if (interstitialAd) {
  21. interstitialAd.show().catch((err) => {
  22. console.error('插屏广告显示失败', err)
  23. })
  24. }
  25. }
  26. </script>
  27. <template>
  28. <view class="container">
  29. <div style="display: flex;justify-content: center;align-items: center;margin-bottom: 10px;">
  30. <h4 style="margin-bottom: 10px;">使用说明</h4>
  31. </div>
  32. <div style="margin-bottom: 10px;">
  33. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;“喵缘礼堂”是一款专注于为猫咪结婚提供解决方案的应用。它以所有目标角色猫咪的势力总和作为基准,通过筛选备选角色猫咪,为用户匹配出其势力总和最接近目标角色猫咪势力总和的方案。
  34. </div>
  35. <div>
  36. <p style="font-weight: bold;margin-bottom: 10px">使用方法:</p>
  37. <p style="margin-bottom: 10px">1.录入目标猫咪势力数据,总数≤20 只,依次准确填写。</p>
  38. <p style="margin-bottom: 10px">2.输入备选猫咪势力数据,不同性别数均≤20 只,详细填写。</p>
  39. <p>3.点击 “计算最佳匹配方案”,系统将据此算出最适配方案。</p>
  40. </div>
  41. <ad unit-id="adunit-96241c9c228ed13c"></ad>
  42. </view>
  43. </template>
  44. <style>
  45. .container {
  46. display:flex;
  47. justify-content: center;
  48. flex-direction: column;
  49. padding: 10px 20px;
  50. }
  51. .help-modal {
  52. width: 100%;
  53. line-height: 24px;
  54. color: #2c3e50;
  55. }
  56. </style>