index.vue 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <template>
  2. <uni-shadow-root class="vant-notice-bar-index"><view v-if="show" :class="'custom-class '+(utils.bem('notice-bar', { withicon: mode, wrapable }))" :style="'color: '+(color)+'; background-color: '+(backgroundColor)+';'" @click="onClick">
  3. <van-icon v-if="leftIcon" size="16px" :name="leftIcon" class="van-notice-bar__left-icon"></van-icon>
  4. <view class="van-notice-bar__wrap">
  5. <view :class="'van-notice-bar__content '+(!scrollable && !wrapable ? 'van-ellipsis' : '')" :animation="animationData">
  6. {{ text }}
  7. </view>
  8. </view>
  9. <van-icon v-if="mode === 'closeable'" class="van-notice-bar__right-icon" name="cross" @click.native="onClickIcon"></van-icon>
  10. <navigator v-if="mode === 'link'" :url="url" :open-type="openType">
  11. <van-icon class="van-notice-bar__right-icon" name="arrow"></van-icon>
  12. </navigator>
  13. </view></uni-shadow-root>
  14. </template>
  15. <wxs src="../wxs/utils.wxs" module="utils"></wxs>
  16. <script>
  17. import VanIcon from '../icon/index.vue'
  18. global['__wxVueOptions'] = {components:{'van-icon': VanIcon}}
  19. global['__wxRoute'] = 'vant/notice-bar/index'
  20. "use strict";
  21. Object.defineProperty(exports, "__esModule", { value: true });
  22. var component_1 = require('./../common/component.js');
  23. var FONT_COLOR = '#ed6a0c';
  24. var BG_COLOR = '#fffbe8';
  25. component_1.VantComponent({
  26. props: {
  27. text: {
  28. type: String,
  29. value: ''
  30. },
  31. mode: {
  32. type: String,
  33. value: ''
  34. },
  35. url: {
  36. type: String,
  37. value: ''
  38. },
  39. openType: {
  40. type: String,
  41. value: 'navigate'
  42. },
  43. delay: {
  44. type: Number,
  45. value: 1
  46. },
  47. speed: {
  48. type: Number,
  49. value: 50
  50. },
  51. scrollable: {
  52. type: Boolean,
  53. value: true
  54. },
  55. leftIcon: {
  56. type: String,
  57. value: ''
  58. },
  59. color: {
  60. type: String,
  61. value: FONT_COLOR
  62. },
  63. backgroundColor: {
  64. type: String,
  65. value: BG_COLOR
  66. },
  67. wrapable: Boolean
  68. },
  69. data: {
  70. show: true
  71. },
  72. watch: {
  73. text: function text() {
  74. this.set({}, this.init);
  75. }
  76. },
  77. created: function created() {
  78. this.resetAnimation = wx.createAnimation({
  79. duration: 0,
  80. timingFunction: 'linear'
  81. });
  82. },
  83. destroyed: function destroyed() {
  84. this.timer && clearTimeout(this.timer);
  85. },
  86. methods: {
  87. init: function init() {
  88. var _this = this;
  89. Promise.all([this.getRect('.van-notice-bar__content'), this.getRect('.van-notice-bar__wrap')]).then(function (rects) {
  90. var contentRect = rects[0],
  91. wrapRect = rects[1];
  92. if (contentRect == null || wrapRect == null || !contentRect.width || !wrapRect.width) {
  93. return;
  94. }
  95. var _a = _this.data,
  96. speed = _a.speed,
  97. scrollable = _a.scrollable,
  98. delay = _a.delay;
  99. if (scrollable && wrapRect.width < contentRect.width) {
  100. var duration = contentRect.width / speed * 1000;
  101. _this.wrapWidth = wrapRect.width;
  102. _this.contentWidth = contentRect.width;
  103. _this.duration = duration;
  104. _this.animation = wx.createAnimation({
  105. duration: duration,
  106. timingFunction: 'linear',
  107. delay: delay
  108. });
  109. _this.scroll();
  110. }
  111. });
  112. },
  113. scroll: function scroll() {
  114. var _this = this;
  115. this.timer && clearTimeout(this.timer);
  116. this.timer = null;
  117. this.set({
  118. animationData: this.resetAnimation.translateX(this.wrapWidth).step().export()
  119. });
  120. setTimeout(function () {
  121. _this.set({
  122. animationData: _this.animation.translateX(-_this.contentWidth).step().export()
  123. });
  124. }, 20);
  125. this.timer = setTimeout(function () {
  126. _this.scroll();
  127. }, this.duration);
  128. },
  129. onClickIcon: function onClickIcon() {
  130. this.timer && clearTimeout(this.timer);
  131. this.timer = null;
  132. this.set({ show: false });
  133. },
  134. onClick: function onClick(event) {
  135. this.$emit('click', event);
  136. }
  137. }
  138. });
  139. //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbIk9iamVjdCIsInZhbHVlIiwiY29tcG9uZW50XzEiLCJyZXF1aXJlIiwiRk9OVF9DT0xPUiIsIkJHX0NPTE9SIiwicHJvcHMiLCJ0ZXh0IiwidHlwZSIsIm1vZGUiLCJ1cmwiLCJvcGVuVHlwZSIsImRlbGF5Iiwic3BlZWQiLCJzY3JvbGxhYmxlIiwibGVmdEljb24iLCJjb2xvciIsImJhY2tncm91bmRDb2xvciIsIndyYXBhYmxlIiwiQm9vbGVhbiIsImRhdGEiLCJzaG93Iiwid2F0Y2giLCJjcmVhdGVkIiwiZHVyYXRpb24iLCJ0aW1pbmdGdW5jdGlvbiIsImRlc3Ryb3llZCIsImNsZWFyVGltZW91dCIsIm1ldGhvZHMiLCJpbml0IiwiX3RoaXMiLCJQcm9taXNlIiwiY29udGVudFJlY3QiLCJyZWN0cyIsIndyYXBSZWN0IiwiX2EiLCJzY3JvbGwiLCJhbmltYXRpb25EYXRhIiwic2V0VGltZW91dCIsIm9uQ2xpY2tJY29uIiwib25DbGljayJdLCJtYXBwaW5ncyI6Ijs7QUFDQUEsT0FBQUEsY0FBQUEsQ0FBQUEsT0FBQUEsRUFBQUEsWUFBQUEsRUFBNkMsRUFBRUMsT0FBL0NELElBQTZDLEVBQTdDQTtBQUNBLElBQUlFLGNBQWNDLFFBQWxCLDBCQUFrQkEsQ0FBbEI7QUFDQSxJQUFJQyxhQUFKLFNBQUE7QUFDQSxJQUFJQyxXQUFKLFNBQUE7QUFDQUgsWUFBQUEsYUFBQUEsQ0FBMEI7QUFDdEJJLFdBQU87QUFDSEMsY0FBTTtBQUNGQyxrQkFERSxNQUFBO0FBRUZQLG1CQUFPO0FBRkwsU0FESDtBQUtIUSxjQUFNO0FBQ0ZELGtCQURFLE1BQUE7QUFFRlAsbUJBQU87QUFGTCxTQUxIO0FBU0hTLGFBQUs7QUFDREYsa0JBREMsTUFBQTtBQUVEUCxtQkFBTztBQUZOLFNBVEY7QUFhSFUsa0JBQVU7QUFDTkgsa0JBRE0sTUFBQTtBQUVOUCxtQkFBTztBQUZELFNBYlA7QUFpQkhXLGVBQU87QUFDSEosa0JBREcsTUFBQTtB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UCxNQUFBQSxTQUFBQSxDQUFBQSxVQUFBQSxDQUNDLENBQUNBLE1BREZBLFlBQUFBLEVBQUFBLElBQUFBLEdBQUFBLE1BQUFBO0FBRFQsaUJBQVZBO0FBREpRLGFBQUFBLEVBQUFBLEVBQUFBO0FBUUEsaUJBQUEsS0FBQSxHQUFhLFdBQVcsWUFBWTtBQUNoQ1Isc0JBQUFBLE1BQUFBO0FBRFMsYUFBQSxFQUVWLEtBRkgsUUFBYSxDQUFiO0FBL0NDLFNBQUE7QUFtRExTLHFCQUFhLFNBQUEsV0FBQSxHQUFZO0FBQ3JCLGlCQUFBLEtBQUEsSUFBY1osYUFBYSxLQUEzQixLQUFjQSxDQUFkO0FBQ0EsaUJBQUEsS0FBQSxHQUFBLElBQUE7QUFDQSxpQkFBQSxHQUFBLENBQVMsRUFBRU4sTUFBWCxLQUFTLEVBQVQ7QUF0REMsU0FBQTtBQXdETG1CLGlCQUFTLFNBQUEsT0FBQSxDQUFBLEtBQUEsRUFBaUI7QUFDdEIsaUJBQUEsS0FBQSxDQUFBLE9BQUEsRUFBQSxLQUFBO0FBQ0g7QUExREk7QUE3RGEsQ0FBMUJ0QyIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsIFwiX19lc01vZHVsZVwiLCB7IHZhbHVlOiB0cnVlIH0pO1xudmFyIGNvbXBvbmVudF8xID0gcmVxdWlyZShcIi4uL2NvbW1vbi9jb21wb25lbnRcIik7XG52YXIgRk9OVF9DT0xPUiA9ICcjZWQ2YTBjJztcbnZhciBCR19DT0xPUiA9ICcjZmZmYmU4JztcbmNvbXBvbmVudF8xLlZhbnRDb21wb25lbnQoe1xuICAgIHByb3BzOiB7XG4gICAgICAgIHRleHQ6IHtcbiAgICAgICAgICAgIHR5cGU6IFN0cmluZyxcbiAgICAgICAgICAgIHZhbHVlOiAnJ1xuICAgICAgICB9LFxuICAgICAgICBtb2RlOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogJydcbiAgICAgICAgfSxcbiAgICAgICAgdXJsOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogJydcbiAgICAgICAgfSxcbiAgICAgICAgb3BlblR5cGU6IHtcbiAgICAgICAgICAgIHR5cGU6IFN0cmluZyxcbiAgICAgICAgICAgIHZhbHVlOiAnbmF2aWdhdGUnXG4gICAgICAgIH0sXG4gICAgICAgIGRlbGF5OiB7XG4gICAgICAgICAgICB0eXBlOiBOdW1iZXIsXG4gICAgICAgICAgICB2YWx1ZTogMVxuICAgICAgICB9LFxuICAgICAgICBzcGVlZDoge1xuICAgICAgICAgICAgdHlwZTogTnVtYmVyLFxuICAgICAgICAgICAgdmFsdWU6IDUwXG4gICAgICAgIH0sXG4gICAgICAgIHNjcm9sbGFibGU6IHtcbiAgICAgICAgICAgIHR5cGU6IEJvb2xlYW4sXG4gICAgICAgICAgICB2YWx1ZTogdHJ1ZVxuICAgICAgICB9LFxuICAgICAgICBsZWZ0SWNvbjoge1xuICAgICAgICAgICAgdHlwZTogU3RyaW5nLFxuICAgICAgICAgICAgdmFsdWU6ICcnXG4gICAgICAgIH0sXG4gICAgICAgIGNvbG9yOiB7XG4gICAgICAgICAgICB0eXBlOiBTdHJpbmcsXG4gICAgICAgICAgICB2YWx1ZTogRk9OVF9DT0xPUlxuICAgICAgICB9LFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHtcbiAgICAgICAgICAgIHR5cGU6IFN0cmluZyxcbiAgICAgICAgICAgIHZhbHVlOiBCR19DT0xPUlxuICAgICAgICB9LFxuICAgICAgICB3cmFwYWJsZTogQm9vbGVhblxuICAgIH0sXG4gICAgZGF0YToge1xuICAgICAgICBzaG93OiB0cnVlXG4gICAgfSxcbiAgICB3YXRjaDoge1xuICAgICAgICB0ZXh0OiBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICB0aGlzLnNldCh7fSwgdGhpcy5pbml0KTtcbiAgICAgICAgfVxuICAgIH0sXG4gICAgY3JlYXRlZDogZnVuY3Rpb24gKCkge1xuICAgICAgICB0aGlzLnJlc2V0QW5pbWF0aW9uID0gd3guY3JlYXRlQW5pbWF0aW9uKHtcbiAgICAgICAgICAgIGR1cmF0aW9uOiAwLFxuICAgICAgICAgICAgdGltaW5nRnVuY3Rpb246ICdsaW5lYXInXG4gICAgICAgIH0pO1xuICAgIH0sXG4gICAgZGVzdHJveWVkOiBmdW5jdGlvbiAoKSB7XG4gICAgICAgIHRoaXMudGltZXIgJiYgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICAgIH0sXG4gICAgbWV0aG9kczoge1xuICAgICAgICBpbml0OiBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICB2YXIgX3RoaXMgPSB0aGlzO1xuICAgICAgICAgICAgUHJvbWlzZS5hbGwoW1xuICAgICAgICAgICAgICAgIHRoaXMuZ2V0UmVjdCgnLnZhbi1ub3RpY2UtYmFyX19jb250ZW50JyksXG4gICAgICAgICAgICAgICAgdGhpcy5nZXRSZWN0KCcudmFuLW5vdGljZS1iYXJfX3dyYXAnKVxuICAgICAgICAgICAgXSkudGhlbihmdW5jdGlvbiAocmVjdHMpIHtcbiAgICAgICAgICAgICAgICB2YXIgY29udGVudFJlY3QgPSByZWN0c1swXSwgd3JhcFJlY3QgPSByZWN0c1sxXTtcbiAgICAgICAgICAgICAgICBpZiAoY29udGVudFJlY3QgPT0gbnVsbCB8fFxuICAgICAgICAgICAgICAgICAgICB3cmFwUmVjdCA9PSBudWxsIHx8XG4gICAgICAgICAgICAgICAgICAgICFjb250ZW50UmVjdC53aWR0aCB8fFxuICAgICAgICAgICAgICAgICAgICAhd3JhcFJlY3Qud2lkdGgpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB2YXIgX2EgPSBfdGhpcy5kYXRhLCBzcGVlZCA9IF9hLnNwZWVkLCBzY3JvbGxhYmxlID0gX2Euc2Nyb2xsYWJsZSwgZGVsYXkgPSBfYS5kZWxheTtcbiAgICAgICAgICAgICAgICBpZiAoc2Nyb2xsYWJsZSAmJiB3cmFwUmVjdC53aWR0aCA8IGNvbnRlbnRSZWN0LndpZHRoKSB7XG4gICAgICAgICAgICAgICAgICAgIHZhciBkdXJhdGlvbiA9IChjb250ZW50UmVjdC53aWR0aCAvIHNwZWVkKSAqIDEwMDA7XG4gICAgICAgICAgICAgICAgICAgIF90aGlzLndyYXBXaWR0aCA9IHdyYXBSZWN0LndpZHRoO1xuICAgICAgICAgICAgICAgICAgICBfdGhpcy5jb250ZW50V2lkdGggPSBjb250ZW50UmVjdC53aWR0aDtcbiAgICAgICAgICAgICAgICAgICAgX3RoaXMuZHVyYXRpb24gPSBkdXJhdGlvbjtcbiAgICAgICAgICAgICAgICAgICAgX3RoaXMuYW5pbWF0aW9uID0gd3guY3JlYXRlQW5pbWF0aW9uKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGR1cmF0aW9uOiBkdXJhdGlvbixcbiAgICAgICAgICAgICAgICAgICAgICAgIHRpbWluZ0Z1bmN0aW9uOiAnbGluZWFyJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGRlbGF5OiBkZWxheVxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgX3RoaXMuc2Nyb2xsKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHNjcm9sbDogZnVuY3Rpb24gKCkge1xuICAgICAgICAgICAgdmFyIF90aGlzID0gdGhpcztcbiAgICAgICAgICAgIHRoaXMudGltZXIgJiYgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICAgICAgICAgICAgdGhpcy50aW1lciA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLnNldCh7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uRGF0YTogdGhpcy5yZXNldEFuaW1hdGlvblxuICAgICAgICAgICAgICAgICAgICAudHJhbnNsYXRlWCh0aGlzLndyYXBXaWR0aClcbiAgICAgICAgICAgICAgICAgICAgLnN0ZXAoKVxuICAgICAgICAgICAgICAgICAgICAuZXhwb3J0KClcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgc2V0VGltZW91dChmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgX3RoaXMuc2V0KHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uRGF0YTogX3RoaXMuYW5pbWF0aW9uXG4gICAgICAgICAgICAgICAgICAgICAgICAudHJhbnNsYXRlWCgtX3RoaXMuY29udGVudFdpZHRoKVxuICAgICAgICAgICAgICAgICAgICAgICAgLnN0ZXAoKVxuICAgICAgICAgICAgICAgICAgICAgICAgLmV4cG9ydCgpXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9LCAyMCk7XG4gICAgICAgICAgICB0aGlzLnRpbWVyID0gc2V0VGltZW91dChmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICAgICAgX3RoaXMuc2Nyb2xsKCk7XG4gICAgICAgICAgICB9LCB0aGlzLmR1cmF0aW9uKTtcbiAgICAgICAgfSxcbiAgICAgICAgb25DbGlja0ljb246IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIHRoaXMudGltZXIgJiYgY2xlYXJUaW1lb3V0KHRoaXMudGltZXIpO1xuICAgICAgICAgICAgdGhpcy50aW1lciA9IG51bGw7XG4gICAgICAgICAgICB0aGlzLnNldCh7IHNob3c6IGZhbHNlIH0pO1xuICAgICAgICB9LFxuICAgICAgICBvbkNsaWNrOiBmdW5jdGlvbiAoZXZlbnQpIHtcbiAgICAgICAgICAgIHRoaXMuJGVtaXQoJ2NsaWNrJywgZXZlbnQpO1xuICAgICAgICB9XG4gICAgfVxufSk7XG4iXSwiZmlsZSI6ImluZGV4LmpzIn0=
  140. export default global['__wxComponents']['vant/notice-bar/index']
  141. </script>
  142. <style platform="mp-weixin">
  143. @import '../common/index.css';.van-notice-bar{display:-webkit-flex;display:flex;height:40px;padding:0 15px;font-size:14px;line-height:24px;-webkit-align-items:center;align-items:center}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar--wrapable{height:auto;padding:8px 15px}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{display:-webkit-flex;display:flex;margin-right:4px;vertical-align:middle;-webkit-align-items:center;align-items:center}.van-notice-bar__right-icon{position:absolute;top:10px;right:15px;font-size:16px}.van-notice-bar__wrap{position:relative;height:24px;overflow:hidden;-webkit-flex:1;flex:1}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
  144. </style>