index.vue 4.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <uni-shadow-root class="vant-toast-index"><van-overlay v-if="mask || forbidClick" :show="show" :mask="mask" :z-index="zIndex"></van-overlay>
  3. <van-transition :show="show" :custom-style="'z-index: '+(zIndex)" custom-class="van-toast__container">
  4. <view :class="'van-toast van-toast--'+(type === 'text' ? 'text' : 'icon')+' van-toast--'+(position)" @touchmove.stop.prevent="noop">
  5. <text v-if="type === 'text'">{{ message }}</text>
  6. <block v-else>
  7. <van-loading v-if="type === 'loading'" color="white" :type="loadingType" custom-class="van-toast__loading"></van-loading>
  8. <van-icon v-else class="van-toast__icon" :name="type"></van-icon>
  9. <text v-if="message" class="van-toast__text">{{ message }}</text>
  10. </block>
  11. <slot></slot>
  12. </view>
  13. </van-transition></uni-shadow-root>
  14. </template>
  15. <script>
  16. import VanIcon from '../icon/index.vue'
  17. import VanLoading from '../loading/index.vue'
  18. import VanOverlay from '../overlay/index.vue'
  19. import VanTransition from '../transition/index.vue'
  20. global['__wxVueOptions'] = {components:{'van-icon': VanIcon,'van-loading': VanLoading,'van-overlay': VanOverlay,'van-transition': VanTransition}}
  21. global['__wxRoute'] = 'vant/toast/index'
  22. "use strict";
  23. Object.defineProperty(exports, "__esModule", { value: true });
  24. var component_1 = require('./../common/component.js');
  25. component_1.VantComponent({
  26. props: {
  27. show: Boolean,
  28. mask: Boolean,
  29. message: String,
  30. forbidClick: Boolean,
  31. zIndex: {
  32. type: Number,
  33. value: 1000
  34. },
  35. type: {
  36. type: String,
  37. value: 'text'
  38. },
  39. loadingType: {
  40. type: String,
  41. value: 'circular'
  42. },
  43. position: {
  44. type: String,
  45. value: 'middle'
  46. }
  47. },
  48. methods: {
  49. // for prevent touchmove
  50. noop: function noop() {}
  51. }
  52. });
  53. //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbIk9iamVjdCIsInZhbHVlIiwiY29tcG9uZW50XzEiLCJyZXF1aXJlIiwicHJvcHMiLCJzaG93IiwibWFzayIsIm1lc3NhZ2UiLCJmb3JiaWRDbGljayIsInpJbmRleCIsInR5cGUiLCJsb2FkaW5nVHlwZSIsInBvc2l0aW9uIiwibWV0aG9kcyIsIm5vb3AiXSwibWFwcGluZ3MiOiI7O0FBQ0FBLE9BQUFBLGNBQUFBLENBQUFBLE9BQUFBLEVBQUFBLFlBQUFBLEVBQTZDLEVBQUVDLE9BQS9DRCxJQUE2QyxFQUE3Q0E7QUFDQSxJQUFJRSxjQUFjQyxRQUFsQiwwQkFBa0JBLENBQWxCO0FBQ0FELFlBQUFBLGFBQUFBLENBQTBCO0FBQ3RCRSxXQUFPO0FBQ0hDLGNBREcsT0FBQTtBQUVIQyxjQUZHLE9BQUE7QUFHSEMsaUJBSEcsTUFBQTtBQUlIQyxxQkFKRyxPQUFBO0FBS0hDLGdCQUFRO0FBQ0pDLGtCQURJLE1BQUE7QUFFSlQsbUJBQU87QUFGSCxTQUxMO0FBU0hTLGNBQU07QUFDRkEsa0JBREUsTUFBQTtBQUVGVCxtQkFBTztBQUZMLFNBVEg7QUFhSFUscUJBQWE7QUFDVEQsa0JBRFMsTUFBQTtBQUVUVCxtQkFBTztBQUZFLFNBYlY7QUFpQkhXLGtCQUFVO0FBQ05GLGtCQURNLE1BQUE7QUFFTlQsbUJBQU87QUFGRDtBQWpCUCxLQURlO0FBdUJ0QlksYUFBUztBQUNMO0FBQ0FDLGNBQU0sU0FBQSxJQUFBLEdBQVksQ0FBRztBQUZoQjtBQXZCYSxDQUExQloiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbk9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBcIl9fZXNNb2R1bGVcIiwgeyB2YWx1ZTogdHJ1ZSB9KTtcbnZhciBjb21wb25lbnRfMSA9IHJlcXVpcmUoXCIuLi9jb21tb24vY29tcG9uZW50XCIpO1xuY29tcG9uZW50XzEuVmFudENvbXBvbmVudCh7XG4gICAgcHJvcHM6IHtcbiAgICAgICAgc2hvdzogQm9vbGVhbixcbiAgICAgICAgbWFzazogQm9vbGVhbixcbiAgICAgICAgbWVzc2FnZTogU3RyaW5nLFxuICAgICAgICBmb3JiaWRDbGljazogQm9vbGVhbixcbiAgICAgICAgekluZGV4OiB7XG4gICAgICAgICAgICB0eXBlOiBOdW1iZXIsXG4gICAgICAgICAgICB2YWx1ZTogMTAwMFxuICAgICAgICB9LFxuICAgICAgICB0eXBlOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogJ3RleHQnXG4gICAgICAgIH0sXG4gICAgICAgIGxvYWRpbmdUeXBlOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogJ2NpcmN1bGFyJ1xuICAgICAgICB9LFxuICAgICAgICBwb3NpdGlvbjoge1xuICAgICAgICAgICAgdHlwZTogU3RyaW5nLFxuICAgICAgICAgICAgdmFsdWU6ICdtaWRkbGUnXG4gICAgICAgIH1cbiAgICB9LFxuICAgIG1ldGhvZHM6IHtcbiAgICAgICAgLy8gZm9yIHByZXZlbnQgdG91Y2htb3ZlXG4gICAgICAgIG5vb3A6IGZ1bmN0aW9uICgpIHsgfVxuICAgIH1cbn0pO1xuIl0sImZpbGUiOiJpbmRleC5qcyJ9
  54. export default global['__wxComponents']['vant/toast/index']
  55. </script>
  56. <style platform="mp-weixin">
  57. @import '../common/index.css';.van-toast{display:-webkit-flex;display:flex;color:#fff;font-size:14px;line-height:20px;border-radius:4px;word-break:break-all;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;box-sizing:initial;background-color:rgba(51,51,51,.88);white-space:pre-wrap}.van-toast__container{position:fixed;top:50%;left:50%;max-width:70%;width:-webkit-fit-content;width:fit-content;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-toast--text{padding:8px 12px;min-width:96px}.van-toast--icon{width:90px;padding:15px;min-height:90px}.van-toast--icon .van-toast__icon{font-size:48px}.van-toast--icon .van-toast__text{padding-top:5px}.van-toast__loading{margin:10px 0}.van-toast--top{-webkit-transform:translateY(-30vh);transform:translateY(-30vh)}.van-toast--bottom{-webkit-transform:translateY(30vh);transform:translateY(30vh)}
  58. </style>