jmash-core-mp 0.1.76 → 0.1.78

package/src/components/common/jmash-code-interest-popup.mpx

@@ -1,223 +1,223 @@
-<template>
-  <!-- 关注公众号弹窗 -->
-  <jmash-popup show="{{ show }}" titleShow="{{ false }}" borderRadius="0" padding="0" bind:close="handleClose">
-    <view class="organ-code-interest-popup">
-      <view class="position-box">
-        <image wx:if="{{ resourceUrl }}" class="main-bgc-image" src="{{ resourceUrl + 'replaced/push_bgc.png' }}"
-          mode="widthFix" />
-        <view class="main">
-          <!-- 关闭文字 -->
-          <view class="main-close-text" bind:tap="handleClose">稍后关注</view>
-          <view class="main-title-image-box">
-            <view class="main-title">关注公众号</view>
-          </view>
-          <!-- 手的图片的定位盒子 -->
-          <view class="main-push-position-box">
-            <image wx:if="{{ resourceUrl }}" class="main-push-bgc-image"
-              src="{{ resourceUrl + 'replaced/push_hand_none.png' }}" mode="widthFix" />
-            <!-- 公司公众号二维码 -->
-            <view class="main-push-code-image">
-              <image wx:if="{{ resourceUrl && appQrcodeUrl }}" class="code-image" show-menu-by-longpress="{{ true }}"
-                src="{{ appQrcodeUrl }}" mode="aspectFit" />
-            </view>
-            <!-- 提示文字 -->
-            <view class="main-push-text">
-              关注后即可获得以下权益
-              <view class="main-push-text_item">
-                <image wx:if="{{ resourceUrl }}" class="main-push-text_item_left"
-                  src="{{ resourceUrl + 'icon_image/interest_lisk.png' }}" mode="aspectFit" />
-                <view class="main-push-text_item_right">
-                  <view class="main-push-text_item_right_title">消息实时提醒</view>
-                  <view>及时接收订单、收发货、交易、收益等动态信息</view>
-                </view>
-              </view>
-              <view class="main-push-text_item">
-                <image wx:if="{{ resourceUrl }}" class="main-push-text_item_left"
-                  src="{{ resourceUrl + 'icon_image/interest_lisk.png' }}" mode="aspectFit" />
-                <view class="main-push-text_item_right">
-                  <view class="main-push-text_item_right_title">享受更多服务</view>
-                  <view>关注公众号，解锁客服、活动、会员等超值服务！</view>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-  </jmash-popup>
-</template>
-
-<script lang="ts">
-import { createComponent, ref } from "@mpxjs/core";
-
-createComponent({
-  options: {
-    styleIsolation: "apply-shared"
-  },
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    // 是否显示
-    show: {
-      type: Boolean,
-      value: false,
-    }
-  },
-  /**
-   * 组件的初始数据
-   */
-  setup() {
-    let config = getApp().globalData.config;
-    // 资源路径
-    let resourceUrl = config.resourceUrl + "/images/";
-    // 公司公众号二维码图片
-    let appQrcodeUrl = ref(config.resourceUrl + "/images/replaced/official_account2x.png");
-
-    return {
-      resourceUrl,
-      appQrcodeUrl,
-    };
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 关闭弹框
-    handleClose() {
-      this.triggerEvent("close");
-    },
-  }
-});
-</script>
-
-<style lang="scss">
-@use "../../styles/index.scss" as *;
-
-.organ-code-interest-popup {
-  .position-box {
-    position: relative;
-    top: -10rpx;
-    left: 0;
-    height: 85vh;
-
-    .main-bgc-image {
-      position: absolute;
-      top: -10rpx;
-      left: 0;
-      width: $width;
-    }
-
-    .main {
-      position: absolute;
-      top: 0rpx;
-      left: 0;
-      padding-top: 37rpx;
-      width: $width;
-
-      .main-close-text {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        font-weight: 400;
-        font-size: 30rpx;
-        color: #ffffff;
-        margin-bottom: 40rpx;
-        padding-right: 30rpx;
-      }
-
-      .main-title-image-box {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        .main-title {
-          font-size: 57rpx;
-          font-weight: 500;
-          color: #0551ff;
-        }
-
-        .main-title-image {
-          width: 60%;
-          height: 69rpx;
-        }
-      }
-
-      .main-push-position-box {
-        position: relative;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: $width;
-        height: 1000rpx;
-
-        .main-push-bgc-image {
-          width: $width;
-        }
-
-        .main-push-code-image {
-          position: absolute;
-          top: 227rpx;
-          width: 187rpx;
-          height: 187rpx;
-
-          .code-image {
-            position: relative;
-            left: 14rpx;
-            width: $width;
-            height: 100%;
-          }
-        }
-
-        .main-push-text {
-          position: absolute;
-          top: 737rpx;
-          left: 80rpx;
-          color: $font-color;
-          font-size: $font-size;
-          font-weight: 600;
-          display: flex;
-          flex-direction: column;
-          gap: 35rpx;
-          letter-spacing: 1px;
-
-          .main-push-text_item {
-            display: flex;
-            align-items: self-start;
-            gap: 20rpx;
-            letter-spacing: 0.8px;
-
-            .main-push-text_item_left {
-              width: 25rpx;
-              height: 25rpx;
-              margin-top: 8rpx;
-            }
-
-            .main-push-text_item_right {
-              display: flex;
-              flex-direction: column;
-              gap: 10rpx;
-              color: $font-color-grey-opacity;
-              font-size: $font-size-mini;
-
-              &_title {
-                color: #296efe;
-                font-size: 26rpx;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
-
-<script type="application/json">
-{
-  "component": true,
-  "usingComponents": {
-    "jmash-popup": "./jmash-popup"
-  }
-}
-</script>
+<template>
+  <!-- 关注公众号弹窗 -->
+  <jmash-popup show="{{ show }}" titleShow="{{ false }}" borderRadius="0" padding="0" bind:close="handleClose">
+    <view class="organ-code-interest-popup">
+      <view class="position-box">
+        <image wx:if="{{ resourceUrl }}" class="main-bgc-image" src="{{ resourceUrl + 'replaced/push_bgc.png' }}"
+          mode="widthFix" />
+        <view class="main">
+          <!-- 关闭文字 -->
+          <view class="main-close-text" bind:tap="handleClose">稍后关注</view>
+          <view class="main-title-image-box">
+            <view class="main-title">关注公众号</view>
+          </view>
+          <!-- 手的图片的定位盒子 -->
+          <view class="main-push-position-box">
+            <image wx:if="{{ resourceUrl }}" class="main-push-bgc-image"
+              src="{{ resourceUrl + 'replaced/push_hand_none.png' }}" mode="widthFix" />
+            <!-- 公司公众号二维码 -->
+            <view class="main-push-code-image">
+              <image wx:if="{{ resourceUrl && appQrcodeUrl }}" class="code-image" show-menu-by-longpress="{{ true }}"
+                src="{{ appQrcodeUrl }}" mode="aspectFit" />
+            </view>
+            <!-- 提示文字 -->
+            <view class="main-push-text">
+              关注后即可获得以下权益
+              <view class="main-push-text_item">
+                <image wx:if="{{ resourceUrl }}" class="main-push-text_item_left"
+                  src="{{ resourceUrl + 'icon_image/interest_lisk.png' }}" mode="aspectFit" />
+                <view class="main-push-text_item_right">
+                  <view class="main-push-text_item_right_title">消息实时提醒</view>
+                  <view>及时接收订单、收发货、交易、收益等动态信息</view>
+                </view>
+              </view>
+              <view class="main-push-text_item">
+                <image wx:if="{{ resourceUrl }}" class="main-push-text_item_left"
+                  src="{{ resourceUrl + 'icon_image/interest_lisk.png' }}" mode="aspectFit" />
+                <view class="main-push-text_item_right">
+                  <view class="main-push-text_item_right_title">享受更多服务</view>
+                  <view>关注公众号，解锁客服、活动、会员等超值服务！</view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </jmash-popup>
+</template>
+
+<script lang="ts">
+import { createComponent, ref } from "@mpxjs/core";
+
+createComponent({
+  options: {
+    styleIsolation: "apply-shared"
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    // 是否显示
+    show: {
+      type: Boolean,
+      value: false,
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  setup() {
+    let config = getApp().globalData.config;
+    // 资源路径
+    let resourceUrl = config.resourceUrl + "/images/";
+    // 公司公众号二维码图片
+    let appQrcodeUrl = ref(config.resourceUrl + "/images/replaced/official_account2x.png");
+
+    return {
+      resourceUrl,
+      appQrcodeUrl,
+    };
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 关闭弹框
+    handleClose() {
+      this.triggerEvent("close");
+    },
+  }
+});
+</script>
+
+<style lang="scss">
+@use "../../styles/index.scss" as *;
+
+.organ-code-interest-popup {
+  .position-box {
+    position: relative;
+    top: -10rpx;
+    left: 0;
+    height: 85vh;
+
+    .main-bgc-image {
+      position: absolute;
+      top: -10rpx;
+      left: 0;
+      width: $width;
+    }
+
+    .main {
+      position: absolute;
+      top: 0rpx;
+      left: 0;
+      padding-top: 37rpx;
+      width: $width;
+
+      .main-close-text {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        font-weight: 400;
+        font-size: 30rpx;
+        color: #ffffff;
+        margin-bottom: 40rpx;
+        padding-right: 30rpx;
+      }
+
+      .main-title-image-box {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .main-title {
+          font-size: 57rpx;
+          font-weight: 500;
+          color: #0551ff;
+        }
+
+        .main-title-image {
+          width: 60%;
+          height: 69rpx;
+        }
+      }
+
+      .main-push-position-box {
+        position: relative;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: $width;
+        height: 1000rpx;
+
+        .main-push-bgc-image {
+          width: $width;
+        }
+
+        .main-push-code-image {
+          position: absolute;
+          top: 227rpx;
+          width: 187rpx;
+          height: 187rpx;
+
+          .code-image {
+            position: relative;
+            left: 14rpx;
+            width: $width;
+            height: 100%;
+          }
+        }
+
+        .main-push-text {
+          position: absolute;
+          top: 737rpx;
+          left: 80rpx;
+          color: $font-color;
+          font-size: $font-size;
+          font-weight: 600;
+          display: flex;
+          flex-direction: column;
+          gap: 35rpx;
+          letter-spacing: 1px;
+
+          .main-push-text_item {
+            display: flex;
+            align-items: self-start;
+            gap: 20rpx;
+            letter-spacing: 0.8px;
+
+            .main-push-text_item_left {
+              width: 25rpx;
+              height: 25rpx;
+              margin-top: 8rpx;
+            }
+
+            .main-push-text_item_right {
+              display: flex;
+              flex-direction: column;
+              gap: 10rpx;
+              color: $font-color-grey-opacity;
+              font-size: $font-size-mini;
+
+              &_title {
+                color: #296efe;
+                font-size: 26rpx;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {
+    "jmash-popup": "./jmash-popup"
+  }
+}
+</script>