index.vue 5.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <uni-shadow-root class="vant-notify-index"><van-transition name="slide-down" :show="show" custom-class="van-notify" :custom-style="'background-color:'+(backgroundColor)+'; color: '+(color)+'; z-index: '+(zIndex)+';'">
  3. <view v-if="safeAreaInsetTop" class="van-notify__safe-top" :style="'padding-top: '+(statusBarHeight)+'px'"></view>
  4. {{ text }}
  5. </van-transition></uni-shadow-root>
  6. </template>
  7. <script>
  8. import VanTransition from '../transition/index.vue'
  9. global['__wxVueOptions'] = {components:{'van-transition': VanTransition}}
  10. global['__wxRoute'] = 'vant/notify/index'
  11. "use strict";
  12. Object.defineProperty(exports, "__esModule", { value: true });
  13. var component_1 = require('./../common/component.js');
  14. var color_1 = require('./../common/color.js');
  15. var safe_area_1 = require('./../mixins/safe-area.js');
  16. component_1.VantComponent({
  17. mixins: [safe_area_1.safeArea()],
  18. props: {
  19. text: String,
  20. color: {
  21. type: String,
  22. value: '#fff'
  23. },
  24. backgroundColor: {
  25. type: String,
  26. value: color_1.RED
  27. },
  28. duration: {
  29. type: Number,
  30. value: 3000
  31. },
  32. zIndex: {
  33. type: Number,
  34. value: 110
  35. }
  36. },
  37. methods: {
  38. show: function showNotify() {
  39. var _this = this;
  40. var duration = this.data.duration;
  41. clearTimeout(this.timer);
  42. this.set({
  43. show: true
  44. });
  45. if (duration > 0 && duration !== Infinity) {
  46. this.timer = setTimeout(function () {
  47. _this.hide();
  48. }, duration);
  49. }
  50. },
  51. hide: function hide() {
  52. clearTimeout(this.timer);
  53. this.set({
  54. show: false
  55. });
  56. }
  57. }
  58. });
  59. //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbIk9iamVjdCIsInZhbHVlIiwiY29tcG9uZW50XzEiLCJyZXF1aXJlIiwiY29sb3JfMSIsInNhZmVfYXJlYV8xIiwibWl4aW5zIiwicHJvcHMiLCJ0ZXh0IiwiY29sb3IiLCJ0eXBlIiwiYmFja2dyb3VuZENvbG9yIiwiUkVEIiwiZHVyYXRpb24iLCJ6SW5kZXgiLCJtZXRob2RzIiwic2hvdyIsIl90aGlzIiwiY2xlYXJUaW1lb3V0IiwiaGlkZSJdLCJtYXBwaW5ncyI6Ijs7QUFDQUEsT0FBQUEsY0FBQUEsQ0FBQUEsT0FBQUEsRUFBQUEsWUFBQUEsRUFBNkMsRUFBRUMsT0FBL0NELElBQTZDLEVBQTdDQTtBQUNBLElBQUlFLGNBQWNDLFFBQWxCLDBCQUFrQkEsQ0FBbEI7QUFDQSxJQUFJQyxVQUFVRCxRQUFkLHNCQUFjQSxDQUFkO0FBQ0EsSUFBSUUsY0FBY0YsUUFBbEIsMEJBQWtCQSxDQUFsQjtBQUNBRCxZQUFBQSxhQUFBQSxDQUEwQjtBQUN0QkksWUFBUSxDQUFDRCxZQURhLFFBQ2JBLEVBQUQsQ0FEYztBQUV0QkUsV0FBTztBQUNIQyxjQURHLE1BQUE7QUFFSEMsZUFBTztBQUNIQyxrQkFERyxNQUFBO0FBRUhULG1CQUFPO0FBRkosU0FGSjtBQU1IVSx5QkFBaUI7QUFDYkQsa0JBRGEsTUFBQTtBQUViVCxtQkFBT0csUUFBUVE7QUFGRixTQU5kO0FBVUhDLGtCQUFVO0FBQ05ILGtCQURNLE1BQUE7QUFFTlQsbUJBQU87QUFGRCxTQVZQO0FBY0hhLGdCQUFRO0FBQ0pKLGtCQURJLE1BQUE7QUFFSlQsbUJBQU87QUFGSDtBQWRMLEtBRmU7QUFxQnRCYyxhQUFTO0FBQ0xDLGNBQU0sU0FBQSxJQUFBLEdBQVk7QUFDZCxnQkFBSUMsUUFBSixJQUFBO0FBQ0EsZ0JBQUlKLFdBQVcsS0FBQSxJQUFBLENBQWYsUUFBQTtBQUNBSyx5QkFBYSxLQUFiQSxLQUFBQTtBQUNBLGlCQUFBLEdBQUEsQ0FBUztBQUNMRixzQkFBTTtBQURELGFBQVQ7QUFHQSxnQkFBSUgsV0FBQUEsQ0FBQUEsSUFBZ0JBLGFBQXBCLFFBQUEsRUFBMkM7QUFDdkMscUJBQUEsS0FBQSxHQUFhLFdBQVcsWUFBWTtBQUNoQ0ksMEJBQUFBLElBQUFBO0FBRFMsaUJBQUEsRUFBYixRQUFhLENBQWI7QUFHSDtBQVpBLFNBQUE7QUFjTEUsY0FBTSxTQUFBLElBQUEsR0FBWTtBQUNkRCx5QkFBYSxLQUFiQSxLQUFBQTtBQUNBLGlCQUFBLEdBQUEsQ0FBUztBQUNMRixzQkFBTTtBQURELGFBQVQ7QUFHSDtBQW5CSTtBQXJCYSxDQUExQmQiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbk9iamVjdC5kZWZpbmVQcm9wZXJ0eShleHBvcnRzLCBcIl9fZXNNb2R1bGVcIiwgeyB2YWx1ZTogdHJ1ZSB9KTtcbnZhciBjb21wb25lbnRfMSA9IHJlcXVpcmUoXCIuLi9jb21tb24vY29tcG9uZW50XCIpO1xudmFyIGNvbG9yXzEgPSByZXF1aXJlKFwiLi4vY29tbW9uL2NvbG9yXCIpO1xudmFyIHNhZmVfYXJlYV8xID0gcmVxdWlyZShcIi4uL21peGlucy9zYWZlLWFyZWFcIik7XG5jb21wb25lbnRfMS5WYW50Q29tcG9uZW50KHtcbiAgICBtaXhpbnM6IFtzYWZlX2FyZWFfMS5zYWZlQXJlYSgpXSxcbiAgICBwcm9wczoge1xuICAgICAgICB0ZXh0OiBTdHJpbmcsXG4gICAgICAgIGNvbG9yOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogJyNmZmYnXG4gICAgICAgIH0sXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjoge1xuICAgICAgICAgICAgdHlwZTogU3RyaW5nLFxuICAgICAgICAgICAgdmFsdWU6IGNvbG9yXzEuUkVEXG4gICAgICAgIH0sXG4gICAgICAgIGR1cmF0aW9uOiB7XG4gICAgICAgICAgICB0eXBlOiBOdW1iZXIsXG4gICAgICAgICAgICB2YWx1ZTogMzAwMFxuICAgICAgICB9LFxuICAgICAgICB6SW5kZXg6IHtcbiAgICAgICAgICAgIHR5cGU6IE51bWJlcixcbiAgICAgICAgICAgIHZhbHVlOiAxMTBcbiAgICAgICAgfVxuICAgIH0sXG4gICAgbWV0aG9kczoge1xuICAgICAgICBzaG93OiBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICB2YXIgX3RoaXMgPSB0aGlzO1xuICAgICAgICAgICAgdmFyIGR1cmF0aW9uID0gdGhpcy5kYXRhLmR1cmF0aW9uO1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICAgICAgICAgICAgdGhpcy5zZXQoe1xuICAgICAgICAgICAgICAgIHNob3c6IHRydWVcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgaWYgKGR1cmF0aW9uID4gMCAmJiBkdXJhdGlvbiAhPT0gSW5maW5pdHkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRpbWVyID0gc2V0VGltZW91dChmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgICAgIF90aGlzLmhpZGUoKTtcbiAgICAgICAgICAgICAgICB9LCBkdXJhdGlvbik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGhpZGU6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVyKTtcbiAgICAgICAgICAgIHRoaXMuc2V0KHtcbiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG59KTtcbiJdLCJmaWxlIjoiaW5kZXguanMifQ==
  60. export default global['__wxComponents']['vant/notify/index']
  61. </script>
  62. <style platform="mp-weixin">
  63. @import '../common/index.css';.van-notify{position:fixed;top:0;width:100%;padding:6px 15px;font-size:14px;line-height:20px;text-align:center;word-break:break-all;box-sizing:border-box}.van-notify__safe-top{height:44px}
  64. </style>