智慧宿舍系统小程序

wechat/miniprogram/miniprogram_npm/@vant/weapp/notice-bar/index.js

@@ -0,0 +1,131 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var component_1 = require('../common/component');
+var utils_1 = require('../common/utils');
+component_1.VantComponent({
+  props: {
+    text: {
+      type: String,
+      value: '',
+      observer: 'init',
+    },
+    mode: {
+      type: String,
+      value: '',
+    },
+    url: {
+      type: String,
+      value: '',
+    },
+    openType: {
+      type: String,
+      value: 'navigate',
+    },
+    delay: {
+      type: Number,
+      value: 1,
+    },
+    speed: {
+      type: Number,
+      value: 60,
+      observer: 'init',
+    },
+    scrollable: null,
+    leftIcon: {
+      type: String,
+      value: '',
+    },
+    color: String,
+    backgroundColor: String,
+    background: String,
+    wrapable: Boolean,
+  },
+  data: {
+    show: true,
+  },
+  created: function () {
+    this.resetAnimation = wx.createAnimation({
+      duration: 0,
+      timingFunction: 'linear',
+    });
+  },
+  destroyed: function () {
+    this.timer && clearTimeout(this.timer);
+  },
+  mounted: function () {
+    this.init();
+  },
+  methods: {
+    init: function () {
+      var _this = this;
+      utils_1.requestAnimationFrame(function () {
+        Promise.all([
+          utils_1.getRect(_this, '.van-notice-bar__content'),
+          utils_1.getRect(_this, '.van-notice-bar__wrap'),
+        ]).then(function (rects) {
+          var contentRect = rects[0],
+            wrapRect = rects[1];
+          var _a = _this.data,
+            speed = _a.speed,
+            scrollable = _a.scrollable,
+            delay = _a.delay;
+          if (
+            contentRect == null ||
+            wrapRect == null ||
+            !contentRect.width ||
+            !wrapRect.width ||
+            scrollable === false
+          ) {
+            return;
+          }
+          if (scrollable || wrapRect.width < contentRect.width) {
+            var duration =
+              ((wrapRect.width + contentRect.width) / speed) * 1000;
+            _this.wrapWidth = wrapRect.width;
+            _this.contentWidth = contentRect.width;
+            _this.duration = duration;
+            _this.animation = wx.createAnimation({
+              duration: duration,
+              timingFunction: 'linear',
+              delay: delay,
+            });
+            _this.scroll();
+          }
+        });
+      });
+    },
+    scroll: function () {
+      var _this = this;
+      this.timer && clearTimeout(this.timer);
+      this.timer = null;
+      this.setData({
+        animationData: this.resetAnimation
+          .translateX(this.wrapWidth)
+          .step()
+          .export(),
+      });
+      utils_1.requestAnimationFrame(function () {
+        _this.setData({
+          animationData: _this.animation
+            .translateX(-_this.contentWidth)
+            .step()
+            .export(),
+        });
+      });
+      this.timer = setTimeout(function () {
+        _this.scroll();
+      }, this.duration);
+    },
+    onClickIcon: function (event) {
+      if (this.data.mode === 'closeable') {
+        this.timer && clearTimeout(this.timer);
+        this.timer = null;
+        this.setData({ show: false });
+        this.$emit('close', event.detail);
+      }
+    },
+    onClick: function (event) {
+      this.$emit('click', event);
+    },
+  },
+});

wechat/miniprogram/miniprogram_npm/@vant/weapp/notice-bar/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}

wechat/miniprogram/miniprogram_npm/@vant/weapp/notice-bar/index.wxml

@@ -0,0 +1,39 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  wx:if="{{ show }}"
+  class="custom-class {{ utils.bem('notice-bar', { withicon: mode, wrapable }) }}"
+  style="{{ computed.rootStyle({ color, backgroundColor, background }) }}"
+  bind:tap="onClick"
+>
+  <van-icon
+    wx:if="{{ leftIcon }}"
+    size="16px"
+    name="{{ leftIcon }}"
+    class="van-notice-bar__left-icon"
+  />
+  <slot wx:else name="left-icon" />
+
+  <view class="van-notice-bar__wrap">
+    <view class="van-notice-bar__content {{ scrollable === false && !wrapable ? 'van-ellipsis' : '' }}" animation="{{ animationData }}">
+      {{ text }}
+      <slot wx:if="{{ !text }}"></slot>
+    </view>
+  </view>
+
+  <van-icon
+    wx:if="{{ mode === 'closeable' }}"
+    class="van-notice-bar__right-icon"
+    name="cross"
+    catch:tap="onClickIcon"
+  />
+  <navigator
+    wx:elif="{{ mode === 'link' }}"
+    url="{{ url }}"
+    open-type="{{ openType }}"
+  >
+    <van-icon class="van-notice-bar__right-icon" name="arrow" />
+  </navigator>
+  <slot wx:else name="right-icon" />
+</view>

wechat/miniprogram/miniprogram_npm/@vant/weapp/notice-bar/index.wxs

@@ -0,0 +1,15 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style({
+    color: data.color,
+    'background-color': data.backgroundColor,
+    background: data.background,
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};

wechat/miniprogram/miniprogram_npm/@vant/weapp/notice-bar/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-notice-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:40px;height:var(--notice-bar-height,40px);padding:0 16px;padding:var(--notice-bar-padding,0 16px);font-size:14px;font-size:var(--notice-bar-font-size,14px);color:#ed6a0c;color:var(--notice-bar-text-color,#ed6a0c);line-height:24px;line-height:var(--notice-bar-line-height,24px);background-color:#fffbe8;background-color:var(--notice-bar-background-color,#fffbe8)}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar--wrapable{height:auto;padding:8px 16px;padding:var(--notice-bar-wrapable-padding,8px 16px)}.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;-webkit-align-items:center;align-items:center;margin-right:4px;vertical-align:middle}.van-notice-bar__left-icon,.van-notice-bar__right-icon{font-size:16px;font-size:var(--notice-bar-icon-size,16px);min-width:22px;min-width:var(--notice-bar-icon-min-width,22px)}.van-notice-bar__right-icon{position:absolute;top:10px;right:15px}.van-notice-bar__wrap{position:relative;-webkit-flex:1;flex:1;overflow:hidden;height:24px;height:var(--notice-bar-line-height,24px)}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}