index.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <view class="content">
  3. <view class="fail-bg-box" :style="{backgroundImage: 'url('+imageURL+')'}">
  4. <view class="title-font">科尔卡诺展会入场登记</view>
  5. <view>尊敬的客户</view>
  6. <view>此展馆只招待VIP客户,为您带来不便,敬请谅解</view>
  7. <view>如有疑问请到前台咨询</view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. components: {
  14. },
  15. data() {
  16. return {
  17. imageURL:'/static/fail.png',
  18. pageTypes:'',
  19. }
  20. },
  21. onLoad() {
  22. },
  23. onShow() {
  24. },
  25. methods: {
  26. }
  27. }
  28. </script>
  29. <style>
  30. page{
  31. background: #f7f7f7!important;
  32. }
  33. .content {
  34. width: 100%;
  35. /* height: 100%; */
  36. display: flex;
  37. flex-direction: column;
  38. align-items: center;
  39. /* justify-content: center; */
  40. }
  41. .fail-bg-box {
  42. width: 100%;
  43. height: 600rpx;
  44. background-size: 100%;
  45. background-repeat: no-repeat;
  46. margin-top: 3%;
  47. display: flex;
  48. flex-direction: column;
  49. align-items: center;
  50. font-size: 28rpx;
  51. color: #fff;
  52. }
  53. .title-font {
  54. font-size: 32rpx;
  55. margin-top: 10%;
  56. margin-bottom: 15%;
  57. opacity: .9;
  58. }
  59. </style>