exit.uvue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!--
  2. http://localhost:5173/custom/#/pages/xfl/challenge/index?pagetype=challenge_result&status=fail
  3. https://oss-mbh5.colormaprun.com/custom/#/pages/xfl/challenge/index?pagetype=challenge_result&status=fail
  4. -->
  5. <template>
  6. <view class="body">
  7. <view class="content">
  8. <view class="main">
  9. <view class="exit_game"></view>
  10. </view>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. }
  19. },
  20. computed: {
  21. },
  22. onLoad(event) { // 类型非必填,可自动推导
  23. },
  24. methods: {
  25. }
  26. }
  27. </script>
  28. <style>
  29. .body {
  30. display: flex;
  31. flex-direction: column;
  32. align-items: center;
  33. justify-content: center;
  34. }
  35. .content {
  36. width: 100vw;
  37. /* width: 750rpx; */
  38. /* margin: 0 auto; */
  39. }
  40. .main {
  41. width: 100%;
  42. flex-direction: column;
  43. align-items: center;
  44. justify-content: flex-start;
  45. }
  46. .exit_game {
  47. width: 100%;
  48. height: 100vh;
  49. /* height: 1100rpx; */
  50. /* margin-left: 40rpx; */
  51. background-image: url("/static/xfl/challenge/exit_game.jpg");
  52. background-repeat: no-repeat;
  53. background-position-x: center;
  54. background-position-y: bottom;
  55. background-size: cover;
  56. }
  57. </style>