|
|
@@ -1,10 +1,15 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<custom-nav-bar position="fixed" color="black" :left-text="optins.name" left-arrow /> |
|
|
|
<web-view v-if="optins.name === '手机充值' || optins.name === '生活缴费' || optins.name === '随手拍'" :src="url"></web-view> |
|
|
|
<web-view v-if="optins.name === '手机充值' || optins.name === '生活缴费'" :src="url"></web-view> |
|
|
|
|
|
|
|
<image v-else class="img" mode="aspectFit" src="/static/packages/public/pages/web-view/img.jpg" |
|
|
|
:show-menu-by-longpress="true" /> |
|
|
|
<div v-else class="web-view-image"> |
|
|
|
<image class="img" mode="aspectFit" src="/static/images/WechatIMG8826.jpg" /> |
|
|
|
<view style="padding:20rpx 100rpx;font-size:30rpx;line-height: 54rpx;"> |
|
|
|
长按图片前往“民生介休”公众号或保存图片并扫码,关注“民生介休”公众号 |
|
|
|
即可发布随手拍。 |
|
|
|
</view> |
|
|
|
</div> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
@@ -23,10 +28,10 @@ |
|
|
|
this.optins = optins |
|
|
|
let url = ''; |
|
|
|
switch (optins.name) { |
|
|
|
case '随手拍': |
|
|
|
url = |
|
|
|
'http://mssq.jiexiu.gov.cn/eGovaPublic/view/mobileapp/publicinspect/index.html?cityCode=2988&moduleId=2&isWechat=1&state=STATE#/report/1?hash=002'; |
|
|
|
break; |
|
|
|
// case '随手拍': |
|
|
|
// url = |
|
|
|
// 'http://mssq.jiexiu.gov.cn/eGovaPublic/view/mobileapp/publicinspect/index.html?cityCode=2988&moduleId=2&isWechat=1&state=STATE#/report/1?hash=002'; |
|
|
|
// break; |
|
|
|
case '手机充值': |
|
|
|
url = |
|
|
|
'https://h5.bestpay.cn/subapps/txjfwap-h5/index.html?payType=1&payChannel=winglet_go&channel=xygj'; |
|
|
@@ -50,10 +55,16 @@ |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.web-view-image{ |
|
|
|
width: 100%; |
|
|
|
// height: 100%; |
|
|
|
position: absolute; |
|
|
|
text-align: center; |
|
|
|
transform: translate(-50% -50%); |
|
|
|
} |
|
|
|
|
|
|
|
.img { |
|
|
|
// width: 750rpx; |
|
|
|
// height: 1334rpx; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
</style> |