Skip to content

html / wanda-ball

Go to a project
Commit fd73f8bd by fengfan
Options

bug

parent c4a90bb5
Showing with 338 additions and 32 deletions
src/components/Detail.vue
...@@ -24,11 +24,12 @@ ...@@ -24,11 +24,12 @@
</div> </div>
</div> </div>
<div class="shareBox" v-if="shareOnoff" @click="closeShare"> <div class="shareBox" v-if="shareOnoff" @click="closeShare">
<ShareImg v-if='shareOnoff' :info="pictureInfo"/> 点击右上角“...”进行分享
<!-- <ShareImg v-if='shareOnoff' :info="pictureInfo"/>
<div class="tishi"> <div class="tishi">
<p>长按保存海报 分享给朋友</p> <p>长按保存海报 分享给朋友</p>
<p>集赞获大奖！！</p> <p>集赞获大奖！！</p>
</div> </div> -->
</div> </div>
<div class="shareBox shareBox2" ref="mybox" v-show="shareOnoff2" @click="closeShare"> <div class="shareBox shareBox2" ref="mybox" v-show="shareOnoff2" @click="closeShare">
<img :src="shareCode" class="share-img" alt="" > <img :src="shareCode" class="share-img" alt="" >
...@@ -848,11 +849,17 @@ export default { ...@@ -848,11 +849,17 @@ export default {
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 20px;
width: 100%; width: 100%;
overflow: auto; overflow: auto;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
z-index: 100000; z-index: 100000;
text-align: right;
font-size: 14px;
padding-top: 12px;
padding-right:20px;
color: aliceblue;
line-height: 20px;
.tishi{ .tishi{
position: absolute; position: absolute;
border: 4px dotted white ; border: 4px dotted white ;
......
src/modules/css/shareImg.css
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe,abbr{border:0;-webkit-tap-highlight-color:transparent}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}body,textarea,input,button,select,keygen,legend{outline:0;color:#333}body{background:#fff}a,a:hover{color:#333}.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:'.'}.f-cb,.f-cbli li{zoom:1}.f-ib{display:inline-block;*display:inline;*zoom:1}.f-dn{display:none}.f-db{display:block}.f-fl{float:left}.f-fr{float:right}.f-pr{position:relative}.f-prz{position:relative;zoom:1}.f-oh{overflow:hidden}.f-ff0{font-family:arial}.f-ff1{font-family:"Microsoft YaHei",arial}.f-fs1{font-size:12px}.f-fs2{font-size:14px}.f-fwn{font-weight:normal}.f-fwb{font-weight:bold}.f-tal{text-align:left}.f-tac{text-align:center}.f-tar{text-align:right}.f-taj{text-align:justify;text-justify:inter-ideograph}.f-vam,.f-vama *{vertical-align:middle}.f-wsn{word-wrap:normal;white-space:nowrap}.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}.f-ti{overflow:hidden;text-indent:-30000px}.f-ti2{text-indent:2em}.f-lhn{line-height:normal}.f-tdu,.f-tdu:hover{text-decoration:underline}.f-tdn,.f-tdn:hover{text-decoration:none}.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}.f-csp{cursor:pointer}.f-csd{cursor:default}.f-csh{cursor:help}.f-csm{cursor:move}.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.f-bc{margin-left:auto;margin-right:auto}.f-db{display:block}.f-dib{display:inline-block}.f-dn{display:none}.f-pr{position:relative}.f-pa{position:absolute}.f-pf{position:fixed}.canvas-html{width:7.5rem;margin-left:auto;margin-right:auto;padding:.35rem;box-sizing:border-box;background:#fff;position:fixed;left:0;top:0}.canvas-html .share-title{font-size:.44rem;font-weight:normal;margin-bottom:.25rem}.canvas-html .share-pic{width:6.8rem;height:auto;margin-bottom:.2rem}.canvas-html .share-subtitle{font-size:.36rem;font-weight:normal;float:left;padding:.1rem 0;width:50%}.canvas-html .share-author{height:.7rem;line-height:.7rem;float:right}.canvas-html .share-author span{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle}.canvas-html .share-author span img{width:100%;height:100%}.canvas-html .share-author b{display:inline-block;height:.7rem;line-height:.7rem;vertical-align:middle;font-size:.32rem;margin-left:.1rem;font-weight:normal}.canvas-html .share-qrcode{margin-top:.3rem}.canvas-html .share-qrcode img{width:1.04rem;height:1.04rem;float:right}.canvas-html .share-qrcode p{color:#999;margin-right:.1rem;float:right;text-align:right;font-size:.28rem;margin-top:.1rem}.canvas-img{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;overflow:auto}.canvas-img img{margin-left:auto;margin-right:auto;display:block;width:100%;height:auto}/*# sourceMappingURL=./style.css.map */ .f-cb:after,
\ No newline at end of file .f-cbli li:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
content: '.'
}
.f-cb,
.f-cbli li {
zoom: 1
}
.f-ib {
display: inline-block;
*display: inline;
*zoom: 1
}
.f-dn {
display: none
}
.f-db {
display: block
}
.f-fl {
float: left
}
.f-fr {
float: right
}
.f-pr {
position: relative
}
.f-prz {
position: relative;
zoom: 1
}
.f-oh {
overflow: hidden
}
.f-ff0 {
font-family: arial
}
.f-ff1 {
font-family: "Microsoft YaHei", arial
}
.f-fs1 {
font-size: 12px
}
.f-fs2 {
font-size: 14px
}
.f-fwn {
font-weight: normal
}
.f-fwb {
font-weight: bold
}
.f-tal {
text-align: left
}
.f-tac {
text-align: center
}
.f-tar {
text-align: right
}
.f-taj {
text-align: justify;
text-justify: inter-ideograph
}
.f-vam,
.f-vama * {
vertical-align: middle
}
.f-wsn {
word-wrap: normal;
white-space: nowrap
}
.f-pre {
overflow: hidden;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all
}
.f-wwb {
white-space: normal;
word-wrap: break-word;
word-break: break-all
}
.f-ti {
overflow: hidden;
text-indent: -30000px
}
.f-ti2 {
text-indent: 2em
}
.f-lhn {
line-height: normal
}
.f-tdu,
.f-tdu:hover {
text-decoration: underline
}
.f-tdn,
.f-tdn:hover {
text-decoration: none
}
.f-toe {
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis
}
.f-csp {
cursor: pointer
}
.f-csd {
cursor: default
}
.f-csh {
cursor: help
}
.f-csm {
cursor: move
}
.f-usn {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.f-bc {
margin-left: auto;
margin-right: auto
}
.f-db {
display: block
}
.f-dib {
display: inline-block
}
.f-dn {
display: none
}
.f-pr {
position: relative
}
.f-pa {
position: absolute
}
.f-pf {
position: fixed
}
.canvas-html {
width: 7.5rem;
margin-left: auto;
margin-right: auto;
padding: .35rem;
box-sizing: border-box;
background: #fff;
position: fixed;
left: 0;
top: 0
}
.canvas-html .share-title {
font-size: .44rem;
font-weight: normal;
margin-bottom: .25rem
}
.canvas-html .share-pic {
width: 6.8rem;
height: auto;
margin-bottom: .2rem
}
.canvas-html .share-subtitle {
font-size: .36rem;
font-weight: normal;
float: left;
padding: .1rem 0;
width: 50%
}
.canvas-html .share-author {
height: .7rem;
line-height: .7rem;
float: right
}
.canvas-html .share-author span {
width: .7rem;
height: .7rem;
border-radius: 50%;
display: inline-block;
overflow: hidden;
vertical-align: middle
}
.canvas-html .share-author span img {
width: 100%;
height: 100%
}
.canvas-html .share-author b {
display: inline-block;
height: .7rem;
line-height: .7rem;
vertical-align: middle;
font-size: .32rem;
margin-left: .1rem;
font-weight: normal
}
.canvas-html .share-qrcode {
margin-top: .3rem
}
.canvas-html .share-qrcode img {
width: 1.04rem;
height: 1.04rem;
float: right
}
.canvas-html .share-qrcode p {
color: #999;
margin-right: .1rem;
float: right;
text-align: right;
font-size: .28rem;
margin-top: .1rem
}
.canvas-img {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #fff;
overflow: auto
}
.canvas-img img {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: auto
}
/*# sourceMappingURL=./style.css.map */
\ No newline at end of file
src/modules/js/api.js
// // api地址 // // api地址
// var server = 'http://web-comment.canskj.cn/new'; // var server = 'http://web-comment.canskj.cn/new';
// var extra = '7'; // var extra = '7';
...@@ -14,28 +13,28 @@ ...@@ -14,28 +13,28 @@
// var shareImg = 'http://web-comment.canskj.cn/relay/contest/h5/static/share.jpg'; // var shareImg = 'http://web-comment.canskj.cn/relay/contest/h5/static/share.jpg';
const mode = process.env.NODE_ENV const mode = process.env.NODE_ENV
const BUILD_ENV = process.env.BUILD_ENV const BUILD_ENV = process.env.BUILD_ENV
const weburl = 'https://wanda-h5.bdideal.com' const weburl = 'https://wanda-h5.bdideal.com'
// 正式地址 // 正式地址
// var url = mode === 'development' ? 'http://web-comment.canskj.cn' : 'http://wanda-qj.iyunfish.com' // var url = mode === 'development' ? 'http://web-comment.canskj.cn' : 'http://wanda-qj.iyunfish.com'
// 测试地址 // 测试地址
var url = mode === 'development' ? 'https://wanda-video-tapi.bdideal.com' : BUILD_ENV==='dev' ? 'https://wanda-video-tapi.bdideal.com' : 'https://wanda-video-api.bdideal.com' var url = mode === 'development' ? 'https://wanda-video-tapi.bdideal.com' : BUILD_ENV === 'dev' ? 'https://wanda-video-tapi.bdideal.com' : 'https://wanda-video-api.bdideal.com'
console.log('mode', mode, url, BUILD_ENV,BUILD_ENV==='dev' ) console.log('mode', mode, url, BUILD_ENV, BUILD_ENV === 'dev')
// api地址 // api地址
var h5Url = mode === 'development' ? '/video-test' : BUILD_ENV==='dev' ? '/video-test' : '/video' var h5Url = mode === 'development' ? '/video-test' : BUILD_ENV === 'dev' ? '/video-test' : '/video'
var server = url; var server = url;
var extra = '7'; var extra = '7';
//防封包装的地址 //防封包装的地址
var wrapHref = weburl + h5Url + '/index.html'; var wrapHref = weburl + h5Url + '/index.html';
//首页地址 //首页地址
var indexHref = weburl + h5Url + '/index.html'; var indexHref = weburl + h5Url + '/index.html';
// 个人中心地址 // 个人中心地址
var userCenterHref = weburl + h5Url + '/user.html'; var userCenterHref = weburl + h5Url + '/user.html';
var shareImg = weburl + h5Url + '/static/share.png'; var shareImg = weburl + h5Url + '/static/share.png';
var signHref = 'http://mr-static.maxrocky.com/h5/wanda/dzgp/index.html' var signHref = 'http://mr-static.maxrocky.com/h5/wanda/dzgp/index.html'
export default{ export default {
server, server,
extra, extra,
userCenterHref, userCenterHref,
...@@ -43,4 +42,4 @@ export default{ ...@@ -43,4 +42,4 @@ export default{
shareImg, shareImg,
wrapHref, wrapHref,
signHref signHref
} }
\ No newline at end of file
src/pages/index/index.html
...@@ -2,22 +2,22 @@ ...@@ -2,22 +2,22 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>与世童行·直通世界杯篮球嘉年华</title> <title>与世童行·直通世界杯篮球嘉年华</title>
<link rel="stylesheet" href="https://wanda-h5.bdideal.com/video-test/style.css"> <link rel="stylesheet" href="https://wanda-h5.bdideal.com/video-test/style.css?asdasd">
<script type="text/javascript" src="https://js.tarsocial.com/h5stat-2.1.1.vue.js"></script> <script type="text/javascript" src="https://js.tarsocial.com/h5stat-2.1.1.vue.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script> <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
<script src="https://cdn.bootcss.com/qrcode-generator/1.4.3/qrcode.min.js"></script> <script src="https://cdn.bootcss.com/qrcode-generator/1.4.3/qrcode.min.js"></script>
<script src="https://wanda-h5.bdideal.com/video-test/shareImg.js"></script> <script src="https://wanda-h5.bdideal.com/video-test/shareImg.js?asdasd"></script>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment