初始化参股

前端/unpackage/dist/dev/mp-weixin/components/before-after/before-after.js

@@ -0,0 +1,39 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
+  __name: "before-after",
+  props: {
+    beforeImage: {},
+    afterImage: {},
+    showTitle: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const previewImage = (url, type) => {
+      const urls = type == "before" ? [props.beforeImage] : [props.afterImage];
+      common_vendor.index.previewImage({
+        current: url,
+        urls
+      });
+    };
+    return (_ctx, _cache) => {
+      "raw js";
+      const __returned__ = common_vendor.e({
+        a: _ctx.showTitle
+      }, _ctx.showTitle ? {} : {}, {
+        b: _ctx.beforeImage,
+        c: common_vendor.o(($event) => {
+          return previewImage(_ctx.beforeImage, "before");
+        }),
+        d: _ctx.afterImage,
+        e: common_vendor.o(($event) => {
+          return previewImage(_ctx.afterImage, "after");
+        }),
+        f: common_vendor.sei(common_vendor.gei(_ctx, ""), "view")
+      });
+      return __returned__;
+    };
+  }
+});
+wx.createComponent(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/before-after/before-after.js.map

前端/unpackage/dist/dev/mp-weixin/components/before-after/before-after.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

前端/unpackage/dist/dev/mp-weixin/components/before-after/before-after.wxml

@@ -0,0 +1 @@
+<view id="{{f}}" change:eS="{{uV.sS}}" eS="{{$eS[f]}}" change:eA="{{uV.sA}}" eA="{{$eA[f]}}" class="{{['before-after', virtualHostClass]}}" style="{{virtualHostStyle}}" hidden="{{virtualHostHidden || false}}"><view wx:if="{{a}}" class="ba-title"><text class="ba-title-text">翻新前后对比</text></view><view class="ba-container"><view class="ba-item" bindtap="{{c}}"><view class="ba-label before-label"><text class="ba-label-text">翻新前</text></view><image class="ba-image" src="{{b}}" mode="aspectFill"></image></view><view class="ba-arrow"><text class="ba-arrow-text">→</text></view><view class="ba-item" bindtap="{{e}}"><view class="ba-label after-label"><text class="ba-label-text">翻新后</text></view><image class="ba-image" src="{{d}}" mode="aspectFill"></image></view></view></view><wxs src="/common/uniView.wxs" module="uV"/>

前端/unpackage/dist/dev/mp-weixin/components/before-after/before-after.wxss

@@ -0,0 +1,81 @@
+:host{display:flex;flex-direction:column}
+/**
+ * 优艺家沙发翻新 - 全局样式变量
+ */
+/* ========== 项目主题色 ========== */
+/* 辅助色 */
+/* 文字颜色 */
+/* 背景色 */
+/* 边框颜色 */
+/* 间距 */
+/* 圆角 */
+/* 阴影 */
+/* ========== uni-app 内置变量 ========== */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.before-after {
+  background-color: #ffffff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 24rpx;
+}
+.ba-title {
+  margin-bottom: 24rpx;
+}
+.ba-title-text {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333333;
+}
+.ba-container {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+.ba-item {
+  flex: 1;
+  position: relative;
+  border-radius: 12rpx;
+  overflow: hidden;
+}
+.ba-image {
+  width: 100%;
+  height: 280rpx;
+  border-radius: 12rpx;
+}
+.ba-label {
+  position: absolute;
+  bottom: 16rpx;
+  left: 16rpx;
+  padding: 8rpx 16rpx;
+  border-radius: 8rpx;
+  z-index: 1;
+}
+.before-label {
+  background-color: rgba(144, 147, 153, 0.9);
+}
+.after-label {
+  background-color: rgba(212, 165, 116, 0.9);
+}
+.ba-label-text {
+  font-size: 22rpx;
+  color: #ffffff;
+}
+.ba-arrow {
+  padding: 0 16rpx;
+}
+.ba-arrow-text {
+  font-size: 40rpx;
+  color: #D4A574;
+  font-weight: bold;
+}