feat: 模板区分pc与mobile

public/static/index/pc/js/before-after.min.js

@@ -0,0 +1,27 @@
+! function (a) {
+  function b(b, c, d) {
+    b.on("mousedown.ba-events touchstart.ba-events", function (e) {
+      b.addClass("ba-draggable"), c.addClass("ba-resizable");
+      var f = e.pageX ? e.pageX : e.originalEvent.touches[0].pageX,
+        g = b.outerWidth(),
+        h = b.offset().left + g - f,
+        i = d.offset().left,
+        j = d.outerWidth();
+      minLeft = i + 10, maxLeft = i + j - g - 10, b.parents().on("mousemove.ba-events touchmove.ba-events", function (b) {
+        var c = b.pageX ? b.pageX : b.originalEvent.touches[0].pageX;
+        leftValue = c + h - g, leftValue < minLeft ? leftValue = minLeft : leftValue > maxLeft && (leftValue = maxLeft), widthValue = 100 * (leftValue + g / 2 - i) / j + "%", a(".ba-draggable").css("left", widthValue), a(".ba-resizable").css("width", widthValue)
+      }).on("mouseup.ba-events touchend.ba-events touchcancel.ba-events", function () {
+        b.removeClass("ba-draggable"), c.removeClass("ba-resizable"), a(this).off(".ba-events")
+      }), e.preventDefault()
+    })
+  }
+  a.fn.beforeAfter = function () {
+    var c = this,
+      d = c.width() + "px";
+    c.find(".resize img").css("width", d), b(c.find(".handle"), c.find(".resize"), c), a(window).resize(function () {
+      var a = c.width() + "px";
+      c.find(".resize img").css("width", a)
+    });
+    return this
+  }
+}(jQuery);