|
@@ -1,8 +1,11 @@
|
|
|
import { defineComponent } from 'vue'
|
|
|
-import { Image } from 'vant'
|
|
|
+import { Icon, Image } from 'vant'
|
|
|
import styles from './index.module.less'
|
|
|
import orchestraTopBg from '@/school/save-share-image/images/orchestra-top_bg.png'
|
|
|
import OQrcode from '@/components/o-qrcode'
|
|
|
+import { browser } from '@/helpers/utils'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+import OHeader from '@/components/o-header'
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'qrcode-payment',
|
|
@@ -21,8 +24,28 @@ export default defineComponent({
|
|
|
}
|
|
|
},
|
|
|
setup(props) {
|
|
|
+ const router = useRouter()
|
|
|
+ const onBack = () => {
|
|
|
+ if (browser().isApp) {
|
|
|
+ postMessage({ api: 'goBack' })
|
|
|
+ } else {
|
|
|
+ router.back()
|
|
|
+ }
|
|
|
+ }
|
|
|
return () => (
|
|
|
<div class={[styles.saveShareImage]}>
|
|
|
+ {browser().isApp && (
|
|
|
+ <OHeader background="transparent">
|
|
|
+ {{
|
|
|
+ content: () => (
|
|
|
+ <div class={styles.btnHeader} onClick={onBack}>
|
|
|
+ <Icon name="arrow-left" class={styles.iconBack} />
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </OHeader>
|
|
|
+ )}
|
|
|
+
|
|
|
<Image src={orchestraTopBg} class={styles.topImage} />
|
|
|
<div class={[styles.shareContaienr, styles.orchestraContainer]}>
|
|
|
<div class={styles.schoolName}>{props.orderType === 'VIP' ? '会员购买' : '报名缴费'}</div>
|