手机端页面调整
This commit is contained in:
“wanyongkang”
1240
Host/Views.Mobile/Product/Http.cshtml
Normal file
1240
Host/Views.Mobile/Product/Http.cshtml
Normal file
File diff suppressed because it is too large
Load Diff
@@ -1,38 +1,105 @@
|
||||
|
||||
<style>
|
||||
html {
|
||||
font-size: 16px;
|
||||
font-size: 10px !important
|
||||
}
|
||||
p{
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
.navList .btn {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.denglu .btn {
|
||||
display:inline;
|
||||
}
|
||||
#regBox .btn {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style>.fixedHead[data-v-1d039d3b]{background:linear-gradient(45deg,#4dbc8f 0,var(--main) 100%);z-index:10}.btn-1[data-v-1d039d3b]{background:linear-gradient(136.57deg,#27b148 19.13%,rgba(39,177,72,.55) 51.17%,#27b148 86.22%)}.btn-2[data-v-1d039d3b]{background:linear-gradient(136.57deg,#7f83f7 19.13%,rgba(39,177,72,.55) 51.17%,#93d2f3 86.22%)}.businessCooperation>.item .shadow1[data-v-1d039d3b]{box-shadow:0 3px 2px 1px var(--main)}.footer[data-v-1d039d3b]{background:linear-gradient(45deg,var(--main) 0,#4dbc8f 100%)}.chat .text[data-v-1d039d3b]{box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.chat .text[data-v-1d039d3b]:after{border:6px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;width:0}.chat .text[data-v-1d039d3b]:not(.self):after{right:100%;top:10px}.chat .text.self[data-v-1d039d3b]:after{left:100%;top:10px}.chat .self.text[data-v-1d039d3b]:after{border-left-color:#a3dbb1;border-right-color:transparent}.funCard li[data-v-1d039d3b]{box-shadow:4px 4px 8px #27b148}.bg1[data-v-1d039d3b]{background:url(https://www.xiaowei.run/_nuxt/transparentBg1.bbdf63be.png) no-repeat 0 0/100% 100%}.bg2[data-v-1d039d3b]{background:url(https://www.xiaowei.run/_nuxt/transparentBg2.dae3d787.png) no-repeat 0 0/100% 100%}.bg3[data-v-1d039d3b]{background:url(https://www.xiaowei.run/_nuxt/transparentBg3.2e7c2b41.png) no-repeat 0 0/100% 100%}.bg4[data-v-1d039d3b]{background:url(https://www.xiaowei.run/_nuxt/transparentBg4.8cff2de0.png) no-repeat 0 0/100% 100%}.header[data-v-1d039d3b]{background:linear-gradient(180deg,#27b148,hsla(0,0%,94%,.3) 72%)}</style>
|
||||
<style>.fixedHead[data-v-1d039d3b]{background:linear-gradient(45deg,#4dbc8f 0,var(--main) 100%);z-index:10}.btn-1[data-v-1d039d3b]{background:linear-gradient(136.57deg,#27b148 19.13%,rgba(39,177,72,.55) 51.17%,#27b148 86.22%)}.btn-2[data-v-1d039d3b]{background:linear-gradient(136.57deg,#7f83f7 19.13%,rgba(39,177,72,.55) 51.17%,#93d2f3 86.22%)}.businessCooperation>.item .shadow1[data-v-1d039d3b]{box-shadow:0 3px 2px 1px var(--main)}.footer[data-v-1d039d3b]{background:linear-gradient(45deg,var(--main) 0,#4dbc8f 100%)}.chat .text[data-v-1d039d3b]{box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.chat .text[data-v-1d039d3b]:after{border:6px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;width:0}.chat .text[data-v-1d039d3b]:not(.self):after{right:100%;top:10px}.chat .text.self[data-v-1d039d3b]:after{left:100%;top:10px}.chat .self.text[data-v-1d039d3b]:after{border-left-color:#a3dbb1;border-right-color:transparent}.funCard li[data-v-1d039d3b]{box-shadow:4px 4px 8px #27b148}.bg1[data-v-1d039d3b]{background:url(/jinqiao/transparentBg1.bbdf63be.png) no-repeat 0 0/100% 100%}.bg2[data-v-1d039d3b]{background:url(/jinqiao/transparentBg2.dae3d787.png) no-repeat 0 0/100% 100%}.bg3[data-v-1d039d3b]{background:url(/jinqiao/transparentBg3.2e7c2b41.png) no-repeat 0 0/100% 100%}.bg4[data-v-1d039d3b]{background:url(/jinqiao/transparentBg4.8cff2de0.png) no-repeat 0 0/100% 100%}.header[data-v-1d039d3b]{background:linear-gradient(180deg,#27b148,hsla(0,0%,94%,.3) 72%)}</style>
|
||||
<style>*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}</style>
|
||||
<style>:root{--main:#27b148}body{font-size:14px}html{font-family:PingFangSC-regular;overflow-x:hidden;scroll-behavior:smooth}button{outline:none}#app,body,html{height:100%;margin:0;padding:0}.omit{overflow:hidden;text-overflow:ellipsis}.nowrap,.omit{white-space:nowrap}.nowrap{flex-wrap:nowrap}</style>
|
||||
<style>#--unocss--{layer:__ALL__}</style>
|
||||
<link rel="stylesheet" href="https://www.xiaowei.run/_nuxt/entry.277ee4d9.css">
|
||||
<link rel="stylesheet" href="/jinqiao/entry.277ee4d9.css">
|
||||
|
||||
<div id="product">
|
||||
|
||||
<link href="/http/css/style.css" rel="stylesheet">
|
||||
|
||||
<div data-v-1d039d3b="">
|
||||
<div id="product-jinqiao">
|
||||
|
||||
<div class="modal fade" id="buy" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title">购买金桥授权码</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-3 text-right">
|
||||
套餐选择：
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="btn-group" role="group" aria-label="...">
|
||||
<button v-for="(item,index) in package_list" :key="index" :class="'package' + item.id" v-on:click="package_select(item)" type="button" style="color:black;" class="btn btn-default btn-sm">
|
||||
<span>{{item.name}}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-3 text-right">
|
||||
我的余额：
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
￥{{balance}}
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-3 text-right">
|
||||
套餐价格：
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
￥{{order.price}}
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-3 text-right">
|
||||
支付方式：
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<input id="balance_s1" v-model="order.pay_type" type="radio" name="OPayType" value="10" checked> <label for="balance_s1">余额支付</label>
|
||||
<input id="zhifubaopay_s1" v-model="order.pay_type" type="radio" name="OPayType" value="100" > <label for="zhifubaopay_s1"> <img src="~/img/zfb.png" style="width:20px;display:inline;">支付宝支付</label>
|
||||
<input id="weixinpay_s1" v-model="order.pay_type" type="radio" name="OPayType" value="70" > <label for="weixinpay_s1"> <img src="~/img/wx.png" style="width:20px;display:inline;">微信支付</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer" >
|
||||
<button type="button" class="btn btn-default" style="color:black; float:right;" data-dismiss="modal">关闭</button>
|
||||
<button type="button" class="btn btn-primary" v-on:click="pay()" style=" float:right;margin-right:10px;">提交</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
<div data-v-1d039d3b="">
|
||||
<div lt-xl="h-auto" class=" top-0 w-full fixedHead" data-v-1d039d3b="">
|
||||
<div class="mx-auto h-100% flex flex-col" xl="w-360 max-w-100%" style="top:150px;" data-v-1d039d3b="">
|
||||
<div flex="" lt-md="pr-4 pl-2 " lt-xl="px-4 " xl="" class="nowrap box-border flex-shrink-0 justify-between py-3 pt-4 fixedHead" data-v-1d039d3b="">
|
||||
<div class="flex items-center cursor-pointer" data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/logo.02571b77.png" class="w-14 transform" lt-md="w-10 translate-y--4px" lt-xl="translate-y--4px" xl="translate-y--4px" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/logo.png" class="w-14 transform" lt-md="w-10 translate-y--4px" lt-xl="translate-y--4px" xl="translate-y--4px" alt="" data-v-1d039d3b="">
|
||||
<h1 class="text-9" lt-md="text-7" data-v-1d039d3b=""> 金桥投屏 </h1>
|
||||
</div>
|
||||
<div class="flex items-center gap-5 text-7" lt-md="text-4 gap-3" lt-xl="text-5" data-v-1d039d3b="">
|
||||
<a class="cursor-pointer" lt-sm="hidden" data-v-1d039d3b="">立刻下载</a>
|
||||
<a class="cursor-pointer" lt-sm="hidden" data-v-1d039d3b="">产品优势</a>
|
||||
<a href="https://www.douyin.com/user/MS4wLjABAAAA9OTfuojoBUcN4YwDhq_pbK0Aj8bSJo9yf90Ezwr_0B2YjVkcSvNaOle3Qv27bgxn" target="_blank" lt-md="hidden" data-v-1d039d3b="">演示视频</a>
|
||||
<a href="https://shouce.xiaowei.run" target="_blank" data-v-1d039d3b="">产品手册</a>
|
||||
<a class="cursor-pointer" lt-sm="hidden" data-v-1d039d3b="">商务合作</a>
|
||||
<span class="cursor-pointer" data-v-1d039d3b="">专家服务</span>
|
||||
<a class="cursor-pointer" lt-sm="hidden" href="#advantage" style="color:#1a1a1a;cursor: pointer;" data-v-1d039d3b="">产品优势</a>
|
||||
@* <a href="" target="_blank" lt-md="hidden" data-v-1d039d3b="">演示视频</a> *@
|
||||
<a href="https://vw1r6mihwro.feishu.cn/docx/VBK0dGfzmobP9zxPZamc5fjvndd" target="_blank" style="color:#1a1a1a;cursor: pointer;" data-v-1d039d3b="">产品手册</a>
|
||||
<a data-v-1d039d3b="" v-on:click="get_init()" style="color:#1a1a1a;cursor: pointer;">前往购买</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -53,21 +120,15 @@ p{
|
||||
<p class="text-5" lt-xl="px-6 text-4" data-v-1d039d3b=""> 无需注册 · 打开即用 · 全功能免费 · 响应迅速 · 画质清晰 · 主机资源占用低 · 连接稳定 · 操作便捷 · 界面简洁 </p>
|
||||
<div my-11="" flex="" items-center="" data-v-1d039d3b="">
|
||||
<div class="mx-auto flex items-center gap-10" lt-md="block" data-v-1d039d3b="">
|
||||
<button class="mx-auto btn btn-1 px-6 py-3 text-18px" lt-xl="" data-v-1d039d3b="">
|
||||
<a style="font-size:2rem;" href="/jinqiao/金桥投屏_v3.73.zip" class="mx-auto btn btn-1 px-6 py-3 text-18px" lt-xl="" data-v-1d039d3b="">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 256 256" data-v-1d039d3b="">
|
||||
<path fill="currentColor" d="M228 152v56a20 20 0 0 1-20 20H48a20 20 0 0 1-20-20v-56a12 12 0 0 1 24 0v52h152v-52a12 12 0 0 1 24 0m-108.49 8.49a12 12 0 0 0 17 0l40-40a12 12 0 0 0-17-17L140 123V40a12 12 0 0 0-24 0v83l-19.51-19.49a12 12 0 0 0-17 17Z" data-v-1d039d3b=""></path>
|
||||
</svg>
|
||||
<span data-v-1d039d3b="">下 载 稳 定 版</span>
|
||||
</button>
|
||||
<button class="mx-auto btn btn-2 px-6 py-3 text-18px" lt-md="mt-5" data-v-1d039d3b="">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 256 256" data-v-1d039d3b="">
|
||||
<path fill="currentColor" d="M228 152v56a20 20 0 0 1-20 20H48a20 20 0 0 1-20-20v-56a12 12 0 0 1 24 0v52h152v-52a12 12 0 0 1 24 0m-108.49 8.49a12 12 0 0 0 17 0l40-40a12 12 0 0 0-17-17L140 123V40a12 12 0 0 0-24 0v83l-19.51-19.49a12 12 0 0 0-17 17Z" data-v-1d039d3b=""></path>
|
||||
</svg>
|
||||
<span data-v-1d039d3b="">下 载 尝 鲜 版</span>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<img src="https://www.xiaowei.run/_nuxt/headerBg1.2a015da1.jpg" lt-xl="mb-10 w-60vw mx-auto" class="mx-auto w-1000px flex-shrink-0 overflow-hidden rounded-1" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/headerBg1.2a015da1.jpg" lt-xl="mb-10 w-60vw mx-auto" class="mx-auto w-1000px flex-shrink-0 overflow-hidden rounded-1" alt="" data-v-1d039d3b="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -75,18 +136,12 @@ p{
|
||||
</div>
|
||||
<div style="" class="fixed right-3 bottom-10 z-10" lt-sm="hidden!" data-v-1d039d3b="">
|
||||
<div class="mx-auto flex flex-col gap-3 items-end" data-v-1d039d3b="">
|
||||
<button class="mx-auto btn btn-1 px-6 py-3 text-18px" lt-xl="" data-v-1d039d3b="">
|
||||
<a style="font-size:1.5rem;" href="/jinqiao/金桥投屏_v3.73.zip" class="mx-auto btn btn-1 px-6 py-3 text-18px" lt-xl="" data-v-1d039d3b="">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 256 256" data-v-1d039d3b="">
|
||||
<path fill="currentColor" d="M228 152v56a20 20 0 0 1-20 20H48a20 20 0 0 1-20-20v-56a12 12 0 0 1 24 0v52h152v-52a12 12 0 0 1 24 0m-108.49 8.49a12 12 0 0 0 17 0l40-40a12 12 0 0 0-17-17L140 123V40a12 12 0 0 0-24 0v83l-19.51-19.49a12 12 0 0 0-17 17Z" data-v-1d039d3b=""></path>
|
||||
</svg>
|
||||
<span data-v-1d039d3b="">下 载 稳 定 版</span>
|
||||
</button>
|
||||
<button class="mx-auto btn btn-2 px-6 py-3 text-18px" data-v-1d039d3b="">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 256 256" data-v-1d039d3b="">
|
||||
<path fill="currentColor" d="M228 152v56a20 20 0 0 1-20 20H48a20 20 0 0 1-20-20v-56a12 12 0 0 1 24 0v52h152v-52a12 12 0 0 1 24 0m-108.49 8.49a12 12 0 0 0 17 0l40-40a12 12 0 0 0-17-17L140 123V40a12 12 0 0 0-24 0v83l-19.51-19.49a12 12 0 0 0-17 17Z" data-v-1d039d3b=""></path>
|
||||
</svg>
|
||||
<span data-v-1d039d3b="">下 载 尝 鲜 版</span>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg1" xl="h-300" lt-xl="pb-20" data-v-1d039d3b="">
|
||||
@@ -169,7 +224,7 @@ p{
|
||||
<p class="text-18px opacity-60" data-v-1d039d3b=""> 为什么选择使用金桥投屏 </p>
|
||||
</div>
|
||||
<div class="mx-auto mt-30 w-1476px flex" lt-xl="w-80%" lt-md="w-90%" data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/c1.5fcf15dc.svg" lt-xl="hidden" class="w-486px transform" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/c1.5fcf15dc.svg" lt-xl="hidden" class="w-486px transform" alt="" data-v-1d039d3b="">
|
||||
<table class="text-center text-5 w-1000px h-490px" lt-sm="text-3" lt-md="text-4" data-v-1d039d3b="">
|
||||
<tbody>
|
||||
<tr class="odd:bg-gray/10" data-v-1d039d3b="">
|
||||
@@ -240,35 +295,35 @@ p{
|
||||
<ul class="mx-auto mt-30 w-800px flex flex-col gap-8" lt-lg="w-80%" lt-md="w-90%" data-v-1d039d3b="">
|
||||
<li class="flex items-start" data-v-1d039d3b="">
|
||||
<div data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/1.f928972f.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/1.f928972f.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<p mt-1="" text-center="" text-4="" lt-md="transform scale-90" data-v-1d039d3b=""> 软件工程师 </p>
|
||||
</div>
|
||||
<p class="text w-60% rounded-1 bg-white p-2" data-v-1d039d3b=""> 我们做APP开发时需要针对不同型号的手机做大量的兼容性测试、功能测试、性能测试后才能上线，之前，这个过程耗时耗力。使用金桥投屏后可以在一台电脑上控制多台不同型号的手机进行批量操作，大大提高了我们APP的测试效率，缩短了我们的开发时间。 </p>
|
||||
</li>
|
||||
<li class="flex flex-row-reverse items-start" data-v-1d039d3b="">
|
||||
<div data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/2.8c8fe8f3.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/2.8c8fe8f3.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<p mt-1="" text-center="" text-4="" lt-md="transform scale-90" data-v-1d039d3b=""> 直播间运营经理 </p>
|
||||
</div>
|
||||
<p class="text self w-60% rounded-1 bg-#a3dbb1 p-2" data-v-1d039d3b=""> 我们做直播间的运营时，需要时刻做好场控，带动气氛，引导互动，提升人气。这些工作不仅费神更耗体力，几个小时下来，常常精疲力尽。使用金桥投屏后，这项工作变得简单轻松，一个人就可以轻松完成之前一个团队才能完成的工作。 </p>
|
||||
</li>
|
||||
<li class="flex items-start" data-v-1d039d3b="">
|
||||
<div data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/3.4ee88369.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/3.4ee88369.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<p mt-1="" text-center="" text-4="" lt-md="transform scale-90" data-v-1d039d3b=""> 私域营销总监 </p>
|
||||
</div>
|
||||
<p class="text w-60% rounded-1 bg-white p-2" data-v-1d039d3b=""> 我们做私域用户营销时，需要频繁的在大量的手机和社交账号之间切换，令人抓狂。直到使用金桥投屏后，只需要把手机插上电脑，再多的账号也不需要切换了，都可以在一台电脑上操作了，还可以用复制粘贴功能大幅提高效率，真的太棒了。 </p>
|
||||
</li>
|
||||
<li class="flex flex-row-reverse items-start" data-v-1d039d3b="">
|
||||
<div data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/4.cec1fce8.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/4.cec1fce8.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<p mt-1="" text-center="" text-4="" lt-md="transform scale-90" data-v-1d039d3b=""> 电商客服主管 </p>
|
||||
</div>
|
||||
<p class="self text w-60% rounded-1 bg-#a3dbb1 p-2" data-v-1d039d3b=""> 我们做电商运营时，常常需要在多个平台上同时管理多个店铺，操作繁琐、效率低下、耗费大量人力。使用金桥投屏后，可以让一名客服人员在一台电脑上，同时管理多个手机上的多个店铺，大大提高了我们的服务效率。 </p>
|
||||
</li>
|
||||
<li class="flex items-start" data-v-1d039d3b="">
|
||||
<div data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/5.dce34d6e.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/5.dce34d6e.jpg" class="mx-4 h-28 w-28 flex-shrink-0 rounded-2 object-cover" lt-md="w-16 h-16" alt="" data-v-1d039d3b="">
|
||||
<p mt-1="" text-center="" text-4="" lt-md="transform scale-90" data-v-1d039d3b=""> 游戏工作室老板 </p>
|
||||
</div>
|
||||
<p class="text w-60% rounded-1 bg-white p-2" data-v-1d039d3b=""> 以前我们玩游戏时都是把游戏运行在安卓模拟器中，不仅操作起来不方便，封号还特别严重。自从使用金桥投屏后，我们直接把手机插到电脑上，就可以方便的在多台手机上玩游戏了。不仅批量操作起来方便很多，还解决了模拟器封号的问题。 </p>
|
||||
@@ -282,7 +337,7 @@ p{
|
||||
</div>
|
||||
<ul class="businessCooperation mx-auto w-910px mt-20" lt-md="w-340px!" data-v-1d039d3b="">
|
||||
<li class="item flex items-center transform translate-x-20" lt-md="translate-x-0" data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/cooperate1.bec6e117.png" lt-md="hidden" class="w-500px" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/cooperate1.bec6e117.png" lt-md="hidden" class="w-500px" alt="" data-v-1d039d3b="">
|
||||
<div class="transform translate-y--10" data-v-1d039d3b="">
|
||||
<p class="title text-7 mb-6" lt-md="text-center" data-v-1d039d3b="">CPS代理推广</p>
|
||||
<ul class="list w-82" data-v-1d039d3b="">
|
||||
@@ -311,7 +366,7 @@ p{
|
||||
</div>
|
||||
</li>
|
||||
<li class="item flex items-center transform translate-x--20" lt-md="translate-x-0 mt-10" data-v-1d039d3b="">
|
||||
<img src="https://www.xiaowei.run/_nuxt/cooperate2.9f3df39f.png" lt-md="hidden" class="w-500px" alt="" data-v-1d039d3b="">
|
||||
<img src="/jinqiao/cooperate2.9f3df39f.png" lt-md="hidden" class="w-500px" alt="" data-v-1d039d3b="">
|
||||
<div class="transform translate-y--10" data-v-1d039d3b="">
|
||||
<p class="title text-7 mb-6" lt-md="text-center" data-v-1d039d3b="">OEM定制服务</p>
|
||||
<ul class="list w-82" data-v-1d039d3b="">
|
||||
@@ -344,4 +399,140 @@ p{
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="alipay"></div>
|
||||
|
||||
<div class="modal fade" id="staticBackdrop" style="z-index:100000;" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="staticBackdropLabel">微信扫码支付</h5>
|
||||
</div>
|
||||
<div class="modal-body" id="qrcode_s" style="margin: 0 auto;">
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" v-on:click="verifyed" class="btn btn-primary">我已付款</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="~/js/vue.js"></script>
|
||||
<script>
|
||||
var app = new Vue({
|
||||
el: '#product-jinqiao',
|
||||
data: {
|
||||
balance: 0,
|
||||
package_list:[],
|
||||
order:{
|
||||
pay_type:10,
|
||||
package_id:0,
|
||||
price:0,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
created: function () {
|
||||
|
||||
},
|
||||
methods: {
|
||||
get_init() {
|
||||
let data = {
|
||||
cookie:document.cookie,
|
||||
}
|
||||
|
||||
var url = 'https://php-api.juip.com/jinqiao/index/get_init';
|
||||
|
||||
var that = this;
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: "json",
|
||||
data: JSON.stringify(data),
|
||||
beforeSend: function(xhr) {
|
||||
xhr.withCredentials = true;
|
||||
},
|
||||
crossDomain: true,
|
||||
success: function (res) {
|
||||
if (res.code == 1) {
|
||||
that.balance = res.data.balance;
|
||||
that.package_list = res.data.package_list;
|
||||
$('#buy').modal('show');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
package_select(item) {
|
||||
for (var i in this.package_list) {
|
||||
$('.package'+this.package_list[i].id).addClass('btn-default');
|
||||
$('.package'+this.package_list[i].id).removeClass('btn-new');
|
||||
}
|
||||
|
||||
$('.package'+item.id).removeClass('btn-default');
|
||||
$('.package'+item.id).addClass('btn-new');
|
||||
this.order.price = item.price
|
||||
this.order.package_id = item.id
|
||||
},
|
||||
pay() {
|
||||
let data = {
|
||||
cookie:document.cookie,
|
||||
data:this.order
|
||||
}
|
||||
if(this.order.package_id == 0) {
|
||||
alert("请选择套餐！");
|
||||
return;
|
||||
}
|
||||
|
||||
var url = 'https://php-api.juip.com/jinqiao/index/create_order';
|
||||
|
||||
var that = this;
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
dataType: "json",
|
||||
data: JSON.stringify(data),
|
||||
beforeSend: function(xhr) {
|
||||
xhr.withCredentials = true;
|
||||
},
|
||||
crossDomain: true,
|
||||
success: function (res) {
|
||||
if (res.code == 1) {
|
||||
$('#buy').modal('hide');
|
||||
alert(res.msg);
|
||||
|
||||
window.location.href = "/user/jinqiao";
|
||||
} else if (res.code == 2) {
|
||||
document.getElementById("alipay").innerHTML=res.data;
|
||||
document.forms['alipaysubmit'].submit();
|
||||
$('#buy').modal('hide');
|
||||
} else if (res.code == 3) {
|
||||
$("#qrcode_s").html('');
|
||||
new QRCode(document.getElementById("qrcode_s"), {
|
||||
text: res.data,
|
||||
width : 300,
|
||||
height : 300
|
||||
});
|
||||
|
||||
$('#staticBackdrop').modal('show');
|
||||
$('#buy').modal('hide');
|
||||
} else {
|
||||
$('#buy').modal('hide');
|
||||
alert(res.msg);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
verifyed() {
|
||||
$('#staticBackdrop').modal('hide');
|
||||
window.location.href = "/user/jinqiao";
|
||||
},
|
||||
}
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user