share頁面實(shí)現(xiàn)過程（微信分享）

微信分享頁實(shí)現(xiàn)過程目標(biāo)效果：微信分享界面微信分享選擇分享對(duì)象實(shí)現(xiàn)過程：share.html頁面實(shí)現(xiàn)過程1、新建Appcan頁面（選擇帶返回按鈕的簡潔布局+空模板）2、打開share.html，將頭部名稱改為“微信分享”3、頭部欄返回按鈕id定義，以便分享完成后，回到詳情頁（house_detail頁面）。代碼如下：頭部欄返回按鈕ui布局：<divclass="nav-btn"id="ret"><divclass="fafa-angle-leftfa-2x"></div></div>返回按鈕對(duì)應(yīng)js代碼：appcan.button("#ret","btn-act",function(){appcan.window.close(-1);})4、頭部欄底色定義將頭部欄的底色定義為我們統(tǒng)一的“酸橙綠”。其參數(shù)已經(jīng)在ui-color.css文件中定義<!--header開始--><divid="header"class="uhbc-text-headubbc-head2">share_content.html頁面實(shí)現(xiàn)過程1、添加微信注冊(cè)按鈕（按鈕控件）<divclass="btnubub-acbc-text-headub-pcbc-btnuc-aumar-a"id="register">微信注冊(cè)</div>2、添加分享分類列表（也可以使用下拉框控件適當(dāng)調(diào)整）<divclass="uinnumar-t"><divclass="selectubabc-borderbc-textuc-a"><divclass="text">分享給指定好友</div><divclass="icon"></div><selectselectedindex="0"><optionvalue="0">分享給指定好友</option><optionvalue="1">分享到朋友圈</option></select></div></div>3、添加分享文本輸入框（也可使用文本框控件適當(dāng)調(diào)整）<divclass="ubabc-borderuinputubub-f1umar-auc-a"><textareaplaceholder="請(qǐng)輸入分享內(nèi)容。。。"type="text"class="ub-f1"id="text"></textarea></div>4、添加微信分享按鈕（按鈕控件）<divclass="btnubub-acbc-text-headub-pcbc-btnuc-aumar-a"id="share">微信分享</div>5、UI界面測試6、Js功能實(shí)現(xiàn)（share_content.html頁js）（1）、定義應(yīng)用相關(guān)的appIDvarappId="wx530ea11dae34fde1";（2）、在ready中添加回調(diào)方法//注冊(cè)回調(diào)函數(shù)uexWeiXin.cbRegisterApp=function(opCode,dataType,data){//0支持，1不支持if(data=="1"){alert('注冊(cè)失?。。?！');}if(data=="0"){alert("注冊(cè)成功！?。?！");}}//文本分享回調(diào)函數(shù)uexWeiXin.cbSendTextContent=function(opCode,dataType,data){//data是狀態(tài)碼if(Number(data)==0){alert('分享成功')}elsealert('分享失敗');};（3）、對(duì)選擇列表進(jìn)行處理vartype='0';appcan.select(".select",function(ele,value){type=value;});（4）、對(duì)注冊(cè)按鈕進(jìn)行處理appcan.button("#register","ani-act",function(){uexWeiXin.registerApp(appId);})（5）、對(duì)分享按鈕進(jìn)行處理appcan.button("#share","ani-act",function(){vartxt=$('#text').val();uexWeiXin.sendTextContent(type,txt);})注意事項(xiàng)：1、微信分享功能需要申請(qǐng)以上代碼中所用到的appId="wx530ea11dae34fde1";申請(qǐng)流程可以參考官網(wǎng)的Android微信插件接入指引，官網(wǎng)地址：/index.html?templateId=412