| @@ -1,10 +1,15 @@ | |||||
| <template> | <template> | ||||
| <view> | <view> | ||||
| <custom-nav-bar position="fixed" color="black" :left-text="optins.name" left-arrow /> | <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> | </view> | ||||
| </template> | </template> | ||||
| @@ -23,10 +28,10 @@ | |||||
| this.optins = optins | this.optins = optins | ||||
| let url = ''; | let url = ''; | ||||
| switch (optins.name) { | 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 '手机充值': | case '手机充值': | ||||
| url = | url = | ||||
| 'https://h5.bestpay.cn/subapps/txjfwap-h5/index.html?payType=1&payChannel=winglet_go&channel=xygj'; | 'https://h5.bestpay.cn/subapps/txjfwap-h5/index.html?payType=1&payChannel=winglet_go&channel=xygj'; | ||||
| @@ -50,10 +55,16 @@ | |||||
| height: 100%; | height: 100%; | ||||
| } | } | ||||
| .web-view-image{ | |||||
| width: 100%; | |||||
| // height: 100%; | |||||
| position: absolute; | |||||
| text-align: center; | |||||
| transform: translate(-50% -50%); | |||||
| } | |||||
| .img { | .img { | ||||
| // width: 750rpx; | // width: 750rpx; | ||||
| // height: 1334rpx; | // height: 1334rpx; | ||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | } | ||||
| </style> | </style> | ||||