web-error.vue 946 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view class="">
  3. <navbar ref="navbar" :config="config" backColor="#1A1A1A"></navbar>
  4. <view class="error-content">
  5. <!-- <text class="error-icon iconfont_yige">&#xe63f;</text> -->
  6. <image src="./error-icon.png" mode="aspectFit"></image>
  7. <text class="error-text">应用加载失败</text>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. config: {
  16. back: true,
  17. web: true,
  18. closePath: '',
  19. title: '应用加载失败',
  20. color: 'black',
  21. backgroundColor: [1, '#fff'],
  22. statusBarFontColor: 'black'
  23. },
  24. }
  25. }
  26. }
  27. </script>
  28. <style lang="scss" scoped>
  29. .error-content {
  30. text-align: center;
  31. padding: 30vh 30rpx 0;
  32. text {
  33. display: block;
  34. color: #e6e6e6;
  35. }
  36. .error-icon {
  37. font-size: 200rpx;
  38. }
  39. image{
  40. width: 204rpx;
  41. height: 204rpx;
  42. }
  43. .error-text {
  44. padding-top: 30rpx;
  45. font-size: 30rpx;
  46. font-weight: 400;
  47. }
  48. }
  49. </style>