app/Resources/static-src/common/card.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

if (!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)) {
  bindCardEvent('.js-card-content');
  $('.js-user-card').on('mouseenter', function () {

    var _this = $(this);
    var userId = _this.data('userId');
    var loadingHtml = '<div class="card-body"><div class="card-loader"><span class="loader-inner"><span></span><span></span><span></span></span>' + Translator.trans('user.card_load_hint') + '</div>';

    var timer = setTimeout(function () {

      function callback(html) {
        _this.popover('destroy');

        setTimeout(function () {
          if ($('#user-card-' + userId).length == 0) {
            if ($('body').find('#user-card-store').length > 0) {
              $('#user-card-store').append(html);
            } else {
              $('body').append('<div id="user-card-store" class="hidden"></div>');
              $('#user-card-store').append(html);
            }
          }

          _this.popover({
            trigger: 'manual',
            placement: 'auto top',
            html: 'true',
            content: function () {
              return html;
            },
            template: '<div class="popover es-card"><div class="arrow"></div><div class="popover-content"></div></div>',
            container: 'body',
            animation: true
          });
          _this.popover('show');

          _this.data('popover', true);

          $('.popover').on('mouseleave', function () {
            _this.popover('hide');
          });
        }, 200);
      }

      if ($('#user-card-' + userId).length == 0 || !_this.data('popover')) {
        $.ajax({
          type: 'GET',
          url: _this.data('cardUrl'),
          dataType: 'html',
          beforeSend: function(){
            _this.popover({
              trigger: 'manual',
              placement: 'auto top',
              html: 'true',
              content: function () {
                return loadingHtml;
              },
              template: '<div class="popover es-card"><div class="arrow"></div><div class="popover-content"></div></div>',
              container: 'body',
              animation: true