| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>产品中心-快钱资质-创业帮</title>
- <meta name="keywords" content="产品中心-快钱资质-创业帮">
- <meta name="description" content="产品中心-快钱资质-创业帮">
- <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
- <meta content="telephone=no" name="format-detection">
- <meta content="email=no" name="format-detection">
- <meta name="apple-mobile-web-app-title" content="产品中心-快钱资质-创业帮">
- <meta http-equiv="Cache-Control" content="no-siteapp">
- <link rel="stylesheet" href="./static/css/main.css">
- </head>
- <body class="back-color pb0 pt0 ovh" style="padding-top:0;">
- <div id="app" v-cloak>
- <van-nav-bar class="user_rank_explan_title user_title_normal bottom_line" title="产品资质" @click-left="goback" right-text="保存本地" @click-right="savefn" v-if="toptitleisshow" left-arrow>
- <template #left> <img src="./static/images/left.png" alt=""></template>
- </van-nav-bar>
- <van-tabs class="tab-underline" v-model="active" swipeable animated line-width="50" color="#FFD500" @change="checktab" line-height="2" :ellipsis="false" sticky>
- <van-tab v-for="item,index in bounds" :key="index" :title="item.name">
- <div class="tc f12 c333 mt16">{{item.notice1}}</div>
- <div class="pl16 pr16" @touchstart="gtouchstart(item.img1)" @touchend="gtouchend" @touchmove="gtouchmove" @click="clickimg(index,item.img1)" style="min-height:80vh;"><img :src="item.img1" alt="" style="width:100%;"></div>
- </van-tab>
- </van-tabs>
- </div>
- <script src="./static/js/klm-vv.min.js"></script>
- <script src="./static/js/appfunc.min.js"></script>
- <script src="./static/js/klm-axios-config.js"></script>
- <script src="./static/js/publicfn.js"></script>
- <script>
- // 通过 CDN 引入时不会自动注册 Lazyload 组件
- // 可以通过下面的方式手动注册
- Vue.use(vant.Lazyload);
- PublicLib.SetStatusBarBgColor({bgcolor:'ffffff'});
- // 在 #app 标签下渲染一个按钮组件
- let app = new Vue({
- el: '#app',
- data() {
- return {
- showimg:'',
- imgisshow:false,
- toptitleisshow,
- checkimg:'',
- active:0,
- type:'',
- bounds:[
- {
- name:'金控',
- notice1:'金控支付许可证',
- img1:'https://ap.kexiaoshuang.com/skin/app/default/static/images/qualifications1.jpg',
- },
- {
- name:'开店宝',
- notice1:'开店宝支付许可证',
- img1:'https://ap.kexiaoshuang.com/skin/app/default/static/images/qualifications2.jpg?t=1',
- },
- {
- name:'乐刷',
- notice1:'乐刷支付许可证',
- img1:'https://ap.kexiaoshuang.com/skin/app/default/static/images/qualifications3.jpg',
- },
- {
- name:'立刷',
- notice1:'立刷支付许可证',
- img1:'https://ap.kexiaoshuang.com/skin/app/default/static/images/qualifications4.jpg',
- },
- {
- name:'盛付通',
- notice1:'盛付通支付许可证',
- img1:'https://ap.kexiaoshuang.com/skin/app/default/static/images/qualifications5.jpg',
- },
- ],
- };
- },
- created() {
- this.type = browsertype.versions.ios ? 'ios' : 'android';
- },
- computed:{
- imglist(){
- return this.bounds.map(item=>item.img1);
- },
- },
- methods: {
- checktab(){
- this.checkimg = this.bounds[this.active].img1
- },
- clickimg(index,img){
- PublicLib.PhotoBrowser(index,this.imglist);
- },
- goback(){
- PublicLib.GoBack({Level:1});
- },
- gtouchstart(img){
- const that = this;
- this.timeOutEvent = setTimeout(()=>{
- that.saveimg(img)
- },600);
- },
- gtouchend(){
- clearTimeout(this.timeOutEvent);
- },
- gtouchmove(){
- clearTimeout(this.timeOutEvent);
- this.timeOutEvent = 0;
- },
- saveimg(img){
- PublicLib.SaveToSd({PicPath:img});
- },
- savefn(){
- PublicLib.SaveToSd({PicPath:this.checkimg});
- },
- }
- });
- </script>
- </body>
- </html>
|
