disabled.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <app-layout>
  3. <view class='dir-top-nowrap cross-center box'>
  4. <image class='disabled_img' :src='picUrl'></image>
  5. <text class='title'>{{text}}</text>
  6. <text class='content'>请联系管理员</text>
  7. </view>
  8. </app-layout>
  9. </template>
  10. <script>
  11. import { mapGetters } from "vuex";
  12. export default {
  13. data() {
  14. return {
  15. picUrl: '',
  16. text: ''
  17. }
  18. },
  19. computed: {
  20. ...mapGetters('mallConfig', {
  21. __wxapp_img: 'getWxappImg'
  22. })
  23. },
  24. onLoad(options) {
  25. this.picUrl = this.__wxapp_img.mall.disabled;
  26. this.text = options.text;
  27. }
  28. }
  29. </script>
  30. <style scoped lang="scss">
  31. .box {
  32. position: absolute;
  33. width: 100%;
  34. height: 100%;
  35. }
  36. .disabled_img {
  37. width: 380#{rpx};
  38. height: 380#{rpx};
  39. margin-top: 200#{rpx};
  40. }
  41. .title {
  42. margin-top: 56#{rpx};
  43. font-size: 13pt;
  44. color: #5292ed;
  45. }
  46. .content {
  47. margin-top: 24#{rpx};
  48. font-size: 9pt;
  49. color: $uni-general-color-two;
  50. }
  51. </style>