1. 왼쪽과 오른쪽을 슬라이드하여 그림을 볼 수 있습니다 .
JS 효과
코드 사본은 다음과 같습니다.
var pictures = [];
Angular.foreach (pitctures, function (k, i) {
그림 [i] = K.imgpath;
});
$ scope.previewpics = function (currentUrl) {
if (typeof window.weixinjsbridge! = 'undefined') {
// WeChat 사진 컬렉션을 봅니다
weixinjsbridge.invoke ( 'imagepreview', {
'현재': currentUrl, // 현재 주소
'URLS': 그림 // 그룹
});
} 또 다른 {
Alert ( "WeChat에서 확인하십시오", null, function () {});
}
}
페이지 요소 :
코드 사본은 다음과 같습니다.
<div>
<div ng-repeat = "info.infocontent.pitctures의 그림">
<img ng-src = "{{picture.imgpath}}"ng-click = "previewpics (picture.imgpath)">
</div>
</div>
2. wechat 창 클로즈 이벤트 , 아래와 같이 :
코드 사본은 다음과 같습니다.
weixinjsbridge.invoke ( 'closewindow', {}, function (res) {
//alert(res.err_msg);
});
3. 웹 페이지 공유 친구, 친구, 친구, Weibo에게 링크
코드 사본은 다음과 같습니다.
var linelink = 'http : //../ ..',
imgurl = 'http : //../ ..',
ShareTitle = '페이지 제목',
desccontent = '컨텐츠 소개',
appid = '';
// WeChat JS가 지원되는지 판단합니다
if (weixinjsbridge == 'undefined') {
if (document.addeventListener) {
document.addeventListener ( 'weixinjsbridgeready', onbridgeready, false);
} else if (document.attachevent) {
Document.attachevent ( 'weixinjsbridgeready', onbridgeready);
document.attachevent ( 'onweixinjsbridgeready', onbridgeready);
}
}또 다른{
onbridgeready ();
}
함수 onbridgeready () {
weixinjsbridgeready.on ( '메뉴 : share : appmessage', wx_sharefriend); // 친구 공유
weixinjsbridgeready.on ( '메뉴 : 공유 : 타임 라인', wx_sharetimeline); // 친구와 공유
weixinjsbridgeready.on ( '메뉴 : 공유 : weibo', wx_shareweibo); // 친구를 공유하십시오
}
함수 wx_sharefriend () {
weixinjsbridge.invoke ( 'sendAppMessage', {
"Appid": Appid,
"img_url": Imgurl,
"img_width": '640',
"img_height": '500',
"링크": Linelink,
"desc": desccontent,
"제목": Sharetitle
}, function (res) {
Console.log (res.err_msg);
}
});
}
함수 wx_sharetimeline () {
weixinjsbridge.invoke ( 'sendtimeline', {
"Appid": Appid,
"img_url": Imgurl,
"img_width": '640',
"img_height": '500',
"링크": Linelink,
"desc": desccontent,
"제목": Sharetitle
}, function (res) {
Console.log (res.err_msg);
}
})
}
함수 wx_shareweibo () {
weixinjsbridge.invoke ( 'sendweibo', {
"Appid": Appid,
"img_url": Imgurl,
"img_width": '640',
"img_height": '500',
"링크": Linelink,
"desc": desccontent,
"제목": Sharetitle
}, function (res) {
Console.log (res.err_msg);
}
})
}
4. 웹 페이지의 오른쪽 상단에있는 버튼을 숨 깁니다.
코드 사본은 다음과 같습니다.
weixinjsbridge.call ( 'hideoptionmenu');
5. 웹 페이지 하단에서 내비게이션 막대를 숨 깁니다.
코드 사본은 다음과 같습니다.
weixinjsbridge.call ( 'hidetoolbar');
6. 현재 네트워크 연결 유형 가져 오기 :
코드 사본은 다음과 같습니다.
weixinjsbridge.invoke ( 'getnetworktype', {}, function (e) {
console.log (e.err_msg);
})
7. 사용자의 공유 금지
코드 사본은 다음과 같습니다.
weixinjsbridge.invoke ( 'disabledshare', {}, function (e) {
})
8. WeChat의 내장 브라우저에서 열리는 지 결정
코드 사본은 다음과 같습니다.
// true 또는 false
var flag = weixinapi.openinweixin ();
위의 8 개 항목은이 기사에서 공유하는 내용입니다. WeChat 개발에 도움이되기를 바랍니다.