源文件

2024-05-23 14:39:33 +08:00
commit a1128dd791
2997 changed files with 500069 additions and 0 deletions
--- a/jeepay-ui-uapp-agent/pageWork/appManage/components/payCard.vue
+++ b/jeepay-ui-uapp-agent/pageWork/appManage/components/payCard.vue
@@ -0,0 +1,73 @@
+<template>
+  <view class="pay-wrapper">
+    <view class="pay-info">
+      <view class="pay-logo disFlexCenter" :style="{ backgroundColor: bgColor }">
+        <image :src="icon" mode="scaleToFill" />
+      </view>
+
+      <view class="info-main">
+        <view class="pay-title">
+          <text>{{ ifName }}</text>
+          <slot name="right" />
+        </view>
+        <view class="pay-rate">单笔费率：{{ paywayFee.feeRate * 100 }}%</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const props = defineProps({
+  ifName: { typ: String }, //通道标题
+  bgColor: { type: String }, //logo 背景颜色
+  icon: { type: String }, // logo地址
+  paywayFee: { type: Object, default: () => ({}) }, //费率
+})
+</script>
+
+<style lang="scss" scoped>
+.pay-wrapper {
+  display: flex;
+  align-items: center;
+  padding: 0 40rpx;
+  height: 170rpx;
+  .pay-info {
+    flex: 1;
+    display: flex;
+    .pay-logo {
+      margin-right: 20rpx;
+      width: 90rpx;
+      height: 90rpx;
+      border-radius: 20rpx;
+      background-color: #07112d;
+      image {
+        width: 50rpx;
+        height: 50rpx;
+      }
+    }
+    .info-main {
+      flex-grow: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+    .pay-title {
+      display: flex;
+      justify-content: space-between;
+      font-size: 30rpx;
+      font-weight: 400;
+    }
+    .pay-rate {
+      margin-top: 15rpx;
+      font-size: 26rpx;
+      font-weight: 400;
+      color: #999;
+    }
+  }
+}
+.disFlexCenter {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>