|
|
@@ -23,7 +23,13 @@
|
|
|
</block>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
- <button class="admin-button-com middle blue code-entry-btn" @click="$util.pageTo({ url: '/admin/cg/code' })">获取收款码</button>
|
|
|
+ <view class="code-entry-fab" @click="goGatherCode">
|
|
|
+ <view class="code-entry-fab__icon-wrap">
|
|
|
+ <image class="code-entry-fab__icon" :src="iconSrc('gather_code')" mode="aspectFit" />
|
|
|
+ </view>
|
|
|
+ <text class="code-entry-fab__title">获取收款码</text>
|
|
|
+ <text class="code-entry-fab__arrow">›</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -31,6 +37,7 @@ import Tabs from "@/components/plugin/tabs";
|
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
import { list } from "@/mixins";
|
|
|
import { getScanPayList } from "@/api/order";
|
|
|
+import { iconSrc } from "@/utils/iconSrc";
|
|
|
export default {
|
|
|
name: "scanPay",
|
|
|
components: { Tabs, AppWrapperEmpty },
|
|
|
@@ -76,6 +83,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ iconSrc,
|
|
|
+ // 跳转收款码页，下载/展示收款海报
|
|
|
+ goGatherCode() {
|
|
|
+ this.$util.pageTo({ url: '/admin/cg/code' });
|
|
|
+ },
|
|
|
async init() {
|
|
|
this.getMyScanList();
|
|
|
},
|
|
|
@@ -103,12 +115,54 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.code-entry-btn {
|
|
|
+.code-entry-fab {
|
|
|
position: fixed;
|
|
|
- right: 30upx;
|
|
|
- bottom: calc(30upx + env(safe-area-inset-bottom));
|
|
|
+ right: 24upx;
|
|
|
+ bottom: calc(28upx + env(safe-area-inset-bottom));
|
|
|
z-index: 99;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ padding: 18upx 22upx 18upx 18upx;
|
|
|
+ border-radius: 999upx;
|
|
|
+ background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%);
|
|
|
+ box-shadow: 0 10upx 28upx rgba(51, 133, 255, 0.22);
|
|
|
+ border: 1upx solid rgba(51, 133, 255, 0.14);
|
|
|
+}
|
|
|
+
|
|
|
+.code-entry-fab__icon-wrap {
|
|
|
+ width: 72upx;
|
|
|
+ height: 72upx;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: rgba(51, 133, 255, 0.1);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-right: 16upx;
|
|
|
+ flex-shrink: 0;
|
|
|
}
|
|
|
+
|
|
|
+.code-entry-fab__icon {
|
|
|
+ width: 44upx;
|
|
|
+ height: 44upx;
|
|
|
+}
|
|
|
+
|
|
|
+.code-entry-fab__title {
|
|
|
+ font-size: 30upx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #1a2233;
|
|
|
+ line-height: 72upx;
|
|
|
+}
|
|
|
+
|
|
|
+.code-entry-fab__arrow {
|
|
|
+ margin-left: 8upx;
|
|
|
+ font-size: 48upx;
|
|
|
+ font-weight: 300;
|
|
|
+ color: #3385ff;
|
|
|
+ line-height: 1;
|
|
|
+ flex-shrink: 0;
|
|
|
+}
|
|
|
+
|
|
|
.allot-ex-page {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
@@ -117,7 +171,7 @@ export default {
|
|
|
.allot-list {
|
|
|
margin-top: 20upx;
|
|
|
flex: 1;
|
|
|
- padding-bottom: calc(120upx + env(safe-area-inset-bottom));
|
|
|
+ padding-bottom: calc(150upx + env(safe-area-inset-bottom));
|
|
|
.allot-item {
|
|
|
margin-bottom: 1upx;
|
|
|
padding: 30upx;
|
