{"id":32487,"date":"2024-11-25T09:23:28","date_gmt":"2024-11-25T01:23:28","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32487\/"},"modified":"2024-11-25T09:23:28","modified_gmt":"2024-11-25T01:23:28","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%ae%9e%e7%8e%b0%e7%b1%bb%e4%bc%bc%e4%ba%8e%e8%8b%b9%e6%9e%9cassistivetouch%e5%8a%9f%e8%83%bd%ef%bc%88%e9%99%84%e4%bb%a3%e7%a0%81%ef%bc%89","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32487\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cAssistiveTouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09"},"content":{"rendered":"

\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cassistivetouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002<\/p>\n

\u4e00\u3001\u9996\u5148\u6211\u5148\u4ecb\u7ecd\u4e00\u4e0b\uff0c\u6211\u4eec\u8981\u505a\u4e00\u4e2a\u4ec0\u4e48\u6837\u7684\u9879\u76ee\u529f\u80fd<\/p>\n

\u9879\u76ee\u529f\u80fd\u5c31\u662f\u4e00\u4e2a\u97f3\u9891\u70b9\u51fb\u64ad\u653e\uff0c\u5f53\u70b9\u51fb\u4e3a\u64ad\u653e\u7684\u72b6\u6001\u65f6\uff0c\u4e00\u4e2a\u97f3\u9891\u7684\u52a8\u56fe\u51fa\u73b0\uff0c\u800c\u4e14\u662f\u53ef\u4ee5\u8ddf\u968f\u7740\u624b\u6307\u7684\u6ed1\u52a8\u800c\u6ed1\u52a8\uff0c\u800c\u4e14\uff0c\u5728\u6ed1\u52a8\u52a8\u56fe\u7684\u65f6\u5019\uff0c\u5f53\u524d\u4e0b\u7684\u9875\u9762\u662f\u4e0d\u53ef\u4ee5\u8ddf\u968f\u7740\u6211\u7684\u6ed1\u52a8\u800c\u4e0a\u4e0b\u6eda\u52a8\uff0c\u5f53\u505c\u6b62\u6ed1\u52a8\u7684\u65f6\u5019\uff0c\u97f3\u9891\u52a8\u56fe\u505c\u9760\u5728\u624b\u673a\u7684\u5de6\u4fa7\u6216\u8005\u53f3\u4fa7\uff0c\u800c\u5f53\u524d\u4e0b\u7684\u9875\u9762\u662f\u53ef\u4ee5\u4e0a\u4e0b\u6eda\u52a8\u7684\uff0c\u529f\u80fd\u4ecb\u7ecd\u5230\u6b64\u4e3a\u6b62\uff0c\u4e0b\u9762\u6211\u4eec\u8bf4\u4e00\u4e0b\u601d\u8def\u3002    <\/p>\n

\u4e8c\u3001\u6211\u4eec\u505a\u8fd9\u4e2a\u529f\u80fd\uff0c\u7b2c\u4e8c\u6b65\u5c31\u662f\u8981\u60f3\u601d\u8def<\/p>\n

\u601d\u8def\u5c31\u662f\uff0c\u5229\u7528\u5fae\u4fe1\u4e2d\u7684\u6ed1\u52a8\u4e8b\u4ef6\uff0c\u5916\u52a0\u63a7\u5236\u6837\u5f0f\uff0c\u6765\u5b8c\u6210\u8fd9\u4e2a\u529f\u80fd\u3002<\/p>\n

\u4e09\u3001\u8fd9\u662f\u9879\u76ee\u7684ui\u56fe\uff0c\u5e9f\u8bdd\u4e0d\u591a\u8bf4\uff0c\u76f4\u63a5\u64b8\u4ee3\u7801\u3002<\/p>\n

\u9879\u76ee\u6837\u56fe
\n <\/p>\n

\"\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cAssistiveTouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09\u63d2\u56fe\"<\/span>
\"\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cAssistiveTouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09\u63d2\u56fe1\"<\/span><\/p>\n

\"\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cAssistiveTouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09\u63d2\u56fe2\"<\/span><\/span><\/p>\n

\u56db\u3001index.wxml\u3001index.wxss\u3001index.js\u9875\u9762\u4ee3\u7801<\/p>\n

*index.wxml\u9875\u9762*<\/p>\n

<!-- \u641c\u7d22 -->\n\n    <view class='home_srh'>\n        <view class='srh_box' bindtap='srhBox'>\n            <image class='srh_box_img' src='..\/..\/img\/home_search.png'><\/image>\n            <view class='srh_box_text'>\u5f00\u5fc3\u5976\u5976<\/view>\n        <\/view>\n    <\/view>\n\n    <!-- \u97f3\u9891\u5206\u7c7b -->\n\n    <view class='home_ban'>\n\n        <!-- \u8f6e\u64ad\u56fe -->\n        <view class=\"page-section\">\n        <swiper circular=\"true\" previous-margin=\"44rpx\" next-margin=\"44rpx\">\n            <!-- <block wx:for=\"{{}}\" wx:key=\"\"> -->\n            <swiper-item>\n                <view class=\"swiper-item\">\n                    <audio src=\"http:\/\/img.tukuppt.com\/preview_music\/00\/00\/60\/yulan-5b87c00c59d402663.mp3\" id=\"myAudio\" loop><\/audio>\n                    <view class='audio_box'>\n                        <button bindtap='audioPlay' wx:if=\"{{adply1}}\" class='audio_play'>\n                            <image  src='..\/..\/img\/home_adplay.png' ><\/image>\n                        <\/button>\n                        <button bindtap='audioPause' wx:if=\"{{adply2}}\" class='audio_play'>\n                            <image  src='..\/..\/img\/home_adstop.png' ><\/image>\n                        <\/button>\n                    <\/view>\n                    <view class='audio_next'>\n                        <image src='..\/..\/img\/audio_next.png'><\/image>\n                    <\/view>\n                    <view class='audio_collect'>\n                        <button bindtap='audioColy' wx:if=\"{{adcol1}}\" class='audio_coly'>\n                            <image src='..\/..\/img\/audio_nocollect.png'><\/image>\n                        <\/button>\n                        <button bindtap='audioColn' wx:if=\"{{adcol2}}\" class='audio_coly'>\n                            <image src='..\/..\/img\/audio_collect.png'><\/image>\n                        <\/button>\n                    <\/view>\n                    <view class='audio_text'>\u5f00\u5fc3\u5976\u5976\u2014\u2014\u5c0f\u5c0f\u63a2\u9669\u5bb6<\/view>\n                <\/view>\n            <\/swiper-item>\n            <swiper-item>\n                <view class=\"swiper-item\">\n                    <audio src=\"http:\/\/img.tukuppt.com\/preview_music\/00\/00\/60\/yulan-5b87c00c59d402663.mp3\" id=\"myAudio\" loop><\/audio>\n                    <view class='audio_box'>\n                        <button bindtap='audioPlay' wx:if=\"{{adply1}}\" class='audio_play'>\n                            <image  src='..\/..\/img\/home_adplay.png' ><\/image>\n                        <\/button>\n                        <button bindtap='audioPause' wx:if=\"{{adply2}}\" class='audio_play'>\n                            <image  src='..\/..\/img\/home_adstop.png' ><\/image>\n                        <\/button>\n                    <\/view>\n                    <view class='audio_next'>\n                        <image src='..\/..\/img\/audio_next.png'><\/image>\n                    <\/view>\n                    <view class='audio_collect'>\n                        <button bindtap='audioColy' wx:if=\"{{adcol1}}\" class='audio_coly'>\n                            <image src='..\/..\/img\/audio_nocollect.png'><\/image>\n                        <\/button>\n                        <button bindtap='audioColn' wx:if=\"{{adcol2}}\" class='audio_coly'>\n                            <image src='..\/..\/img\/audio_collect.png'><\/image>\n                        <\/button>\n                    <\/view>\n                    <view class='audio_text'>\u5f00\u5fc3\u5976\u5976\u2014\u2014\u5c0f\u5c0f\u63a2\u9669\u5bb6<\/view>\n                <\/view>\n            <\/swiper-item>\n            <!-- <\/block> -->\n            <\/swiper>\n\n        <\/view>\n----------\n\n> \u91cd\u70b9\uff01\uff01\uff01\uff01\n\n\n        <!-- \u97f3\u9891\u52a8\u56fe -->\n        <view class='{{ home_back }}' catchtouchmove='true' >\n            <view class='audio_fre'  wx:if=\"{{ adFre }}\" bindtouchmove=\"handletouchmove\" bindtouchend=\"handletouchend\" style = \"top:{{top}}px; left: {{left}}px; right: {{right}}px\">\n                <image class='audio_fre1' src='..\/..\/img\/audio_back.png'><\/image>\n                <image class='audio_fre2' src='..\/..\/img\/audio_fre.gif'><\/image>\n            <\/view>\n        <\/view>\n\n\n----------\n\n\n        <!-- \u5206\u7c7b -->\n        <view class='menu_ul'>\n            <view class='menu_li' id=\"0\" bindtap='menuLi'>\n                <image src='..\/..\/img\/recom.png'><\/image>\n                <view class='menu_text'>\u63a8\u8350\u6545\u4e8b<\/view>\n            <\/view>\n            <view class='menu_li' id=\"1\" bindtap='menuLi'>\n                <image src='..\/..\/img\/boy_icon.png'><\/image>\n                <view class='menu_text'>\u7537\u5b69<\/view>\n            <\/view>\n            <view class='menu_li' id=\"2\" bindtap='menuLi'>\n                <image src='..\/..\/img\/girl_icon.png'><\/image>\n                <view class='menu_text'>\u5973\u5b69<\/view>\n            <\/view>\n        <\/view>\n\n    <\/view>\n\n    <!-- \u513f\u7ae5\u6545\u4e8b -->\n    <view class='child_story'>\n        <view class='story_ul' wx:if=\"{{curr_index == 0}}\">\n            <view class='story_li' bindtap='storySec'>\n                <view class='story_li_img'>\n                    <image class='story_li_img1' src='..\/..\/img\/weekend-first.png'><\/image>\n                    <image class='story_li_img2' src='..\/..\/img\/pay_icon.png'><\/image>\n                <\/view>\n                <view class='st_li_tit b'>\u7ae5\u8bdd\u6545\u4e8b\u91cc\u7684\u5c0f\u667a\u6167<\/view>\n                <view class='st_li_sec'>\u5c0f\u667a\u6167\uff0c\u5927\u667a\u6167<\/view>\n            <\/view>\n        <\/view>\n        <view class='story_ul' wx:if=\"{{curr_index == 1}}\">\n            <view class='story_li' bindtap='storySec'>\n                <view class='story_li_img'>\n                    <image class='story_li_img1' src='..\/..\/img\/weekend-first.png'><\/image>\n                    <!-- <image class='story_li_img2' src='..\/..\/img\/pay_icon.png'><\/image> -->\n                <\/view>\n                <view class='st_li_tit b'>\u7ae5\u8bdd\u6545\u4e8b\u91cc\u7684\u5c0f\u667a\u6167<\/view>\n                <view class='st_li_sec'>\u5c0f\u667a\u6167\uff0c\u5927\u667a\u6167<\/view>\n            <\/view>\n        <\/view>\n        <view class='story_ul' wx:if=\"{{curr_index == 2}}\">\n            <view class='story_li' bindtap='storySec'>\n                <view class='story_li_img'>\n                    <image class='story_li_img1' src='..\/..\/img\/weekend-first.png'><\/image>\n                    <image class='story_li_img2' src='..\/..\/img\/pay_icon.png'><\/image>\n                <\/view>\n                <view class='st_li_tit b'>\u7ae5\u8bdd\u6545\u4e8b\u91cc\u7684\u5c0f\u667a\u6167<\/view>\n                <view class='st_li_sec'>\u5c0f\u667a\u6167\uff0c\u5927\u667a\u6167<\/view>\n            <\/view>\n        <\/view>\n    <\/view><\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
*index.wxss\u6837\u5f0f*<\/p>\n
\/**index.wxss**\/\n\n.home_back1{\n    width: 100%;\n}\n\n.home_back2{\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 10;\n}\n\n\/* \u641c\u7d22 *\/\n.home_srh {\n    width: 100%;\n    height: 74rpx;\n    padding-top: 20rpx;\n    background: #fff; \n    border-bottom: 1rpx solid #e8e8e8;\n}\n\n.home_srh .srh_box {\n    width: 690rpx;\n    height: 54rpx;\n    margin: 0 auto;\n    box-shadow: 0 0 10rpx 2rpx #f1f1f1;\n    border-radius: 50rpx;\n    display: flex;\n    align-items: center;\n}\n\n.home_srh .srh_box .srh_box_img {\n    width: 24rpx;\n    height: 26rpx;\n    display: inline-block;\n    margin-left: 32rpx;\n    margin-right: 20rpx;\n}\n\n.home_srh .srh_box .srh_box_text {\n    font-size: 24rpx;\n    color: #999;\n}\n\n\/* \u97f3\u9891\u5206\u7c7b *\/\n\n\/* banner\u56fe *\/\n.home_ban{\n    width: 100%;\n    height: 422rpx;\n    background: #fff;\n    padding-top: 18rpx;\n}\n\n.home_ban .page-section{\n    width: 100%;\n    height: 258rpx;\n    position:relative;\n    z-index: 2;\n}\n\n.home_ban .page-section .swiper-item{\n    width: 630rpx;\n    height: 258rpx;\n    margin: 0 auto;\n    position: relative;\n    display: block;\n}\n\n.home_ban .page-section .swiper-item audio{\n    width: 630rpx;\n    height: 258rpx;\n    display: block;\n    background: #ccc;\n\n}\n\n.home_ban .page-section .swiper-item .audio_box {\n    width: 90rpx;\n    height: 90rpx;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    margin-left: -45rpx;\n    margin-top: -45rpx;\n}\n\n.home_ban .page-section .swiper-item .audio_box .audio_play {\n    width: 90rpx;\n    height: 90rpx;\n    display: block;\n    background: rgba(0,0,0,0);\n}\n\n.home_ban .page-section .swiper-item .audio_box .audio_play image{\n    width: 90rpx;\n    height: 90rpx;\n    display: block;\n}\n\n.home_ban .page-section .swiper-item .audio_next {\n    width: 60rpx;\n    height: 60rpx;\n    position: absolute;\n    top: 50%;\n    margin-top: -30rpx;\n    right: 169rpx;\n}\n\n.home_ban .page-section .swiper-item .audio_next image {\n    width: 60rpx;\n    height: 60rpx;\n    display: block;\n}\n\n.home_ban .page-section .swiper-item .audio_collect {\n    width: 60rpx;\n    height: 60rpx;\n    position: absolute;\n    top: 50%;\n    margin-top: -30rpx;\n    right: 169rpx;\n}\n\n.home_ban .page-section .swiper-item .audio_collect image {\n    width: 60rpx;\n    height: 60rpx;\n    display: block;\n}\n\n.home_ban .page-section .swiper-item .audio_collect {\n    width: 60rpx;\n    height: 60rpx;\n    position: absolute;\n    top: 50%;\n    margin-top: -30rpx;\n    left: 169rpx;\n}\n\n.home_ban .page-section .swiper-item .audio_collect .audio_coly {\n    width: 60rpx;\n    height: 60rpx;\n    display: block;\n    background: rgba(0,0,0,0);\n}\n\n.home_ban .page-section .swiper-item .audio_collect .audio_coly image {\n    width: 60rpx;\n    height: 60rpx;\n    display: block;\n}\n\n.home_ban .page-section .swiper-item .audio_text{\n    width: 100%;\n    font-size: 28rpx;\n    color: #fff;\n    text-align: center;\n    position: absolute;\n    bottom: 26rpx;\n}\n\n\n\/* \u97f3\u9891\u5c0f\u767d\u70b9 *\/\n\n.audio_fre {\n    width: 108rpx;\n    height: 108rpx;\n    position: fixed;\n    z-index: 99;\n}\n\n.audio_fre .audio_fre1 {\n    width: 104rpx;\n    height: 104rpx;\n    display: block;\n    border-radius: 100%;\n    border: 2rpx solid #fff;\n}\n\n.audio_fre .audio_fre2 {\n    width: 60rpx;\n    height: 60rpx;\n    position: absolute;\n    top: 50%;\n    margin-top: -30rpx;\n    left: 50%;\n    margin-left: -30rpx;\n}\n\n\/* \u83dc\u5355\u5206\u7c7b *\/\n.menu_ul {\n    width: 100%;\n    height: 164rpx;\n}\n\n.menu_ul .menu_li {\n    width: 33.3%;\n    height: 164rpx;\n    float: left;\n    text-align: center;\n}\n\n.menu_ul .menu_li:nth-child(1) image{\n    width: 78rpx;\n    height: 80rpx;\n    display: block;\n    margin: 0 auto;\n    margin-top: 23rpx;\n}\n\n\n.menu_ul .menu_li:nth-child(2) image{\n    width: 74rpx;\n    height: 97rpx;\n    display: block;\n    margin: 0 auto;\n    margin-top: 8rpx;\n}\n\n.menu_ul .menu_li:nth-child(3) image{\n    width: 73rpx;\n    height: 96rpx;\n    display: block;\n    margin: 0 auto;\n    margin-top: 8rpx;\n}\n\n.menu_ul .menu_li .menu_text{\n    width: 100%;\n    text-align: center;\n    font-size: 24rpx;\n    color: #343434;\n    margin-top: 10rpx;\n}\n\n\/* \u513f\u7ae5\u6545\u4e8b *\/\n.child_story {\n    width: 100%;\n    margin-top: 8rpx;\n    background: #fff;\n} \n\n.child_story .story_ul {\n    padding: 0 32rpx;\n    padding-top: 30rpx;\n    overflow: hidden;\n}\n\n.child_story .story_ul .story_li {\n    width: 330rpx;\n    float: left;\n    margin-right: 26rpx;\n    margin-bottom: 30rpx;\n}\n\n.child_story .story_ul .story_li:nth-child(2n) {\n    margin-right: 0;\n}\n\n.child_story .story_ul .story_li .story_li_img {\n    width: 330rpx;\n    height: 210rpx;\n    border-radius: 14rpx;\n    position: relative;\n    overflow: hidden;\n}\n\n.child_story .story_ul .story_li .story_li_img .story_li_img1{\n    width: 330rpx;\n    height: 210rpx;\n    display: block;\n}\n\n.child_story .story_ul .story_li .story_li_img .story_li_img2{\n    width: 95rpx;\n    height: 32rpx;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n.child_story .story_ul .story_li .st_li_tit {\n    width: 90%;\n    font-size: 26rpx;\n    color: #212121;\n    margin-top: 18rpx;\n    padding: 0 5%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; \n    letter-spacing: 0.4rpx;\n}\n\n.child_story .story_ul .story_li .st_li_sec {\n    width: 90%;\n    font-size: 18rpx;\n    color: #999;\n    margin-top: 6rpx;\n    padding: 0 5%;\n    letter-spacing: 0.2rpx;\n}<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
*index.js\u9875\u9762*<\/p>\n
\/\/index.js\nvar app = getApp();\nPage({\n\n    \/**\n     * \u9875\u9762\u7684\u521d\u59cb\u6570\u636e\n     *\/\n    data: { \n        adply1: true,\n        adply2: false,\n        adcol1: true,\n        adcol2: false,\n        adFre: false,\n        funBun: false,\n        curr_index: 0,\n        screenHeight: 0,\n        screenWidth: 0,\n        top: 65,\n        left: 300,\n        right: 0,\n        home_back: 'home_back1'\n    },\n\n    \/**\n     * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u52a0\u8f7d\n     *\/\n    onLoad: function (options) {\n        \/\/\u83b7\u53d6\u5c4f\u5e55\u5bbd\u9ad8\n        var that = this;\n        wx.getSystemInfo({\n            success: function (res) {\n                console.log(res.windowWidth)\/\/\u624b\u673a\u53ef\u7528\u5c4f\u5e55\u5bbd\u5ea6\n                console.log(res.windowHeight)\/\/\u624b\u673a\u53ef\u7528\u5c4f\u5e55\u9ad8\u5ea6\n                that.setData({\n                    screenHeight: res.windowHeight,\n                    screenWidth: res.windowWidth,\n                });\n            }\n        });\n    },\n\n    \/**\n     * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u521d\u6b21\u6e32\u67d3\u5b8c\u6210\n     *\/\n    onReady: function (e) {\n        let that = this;\n        that.audioCtx = wx.createAudioContext('myAudio')\n    },\n\n    \/**\n     * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u663e\u793a\n     *\/\n    onShow: function () {\n\n    },\n\n    \/**\n     * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u9690\u85cf\n     *\/\n    onHide: function () {\n\n    },\n\n    \/**\n     * \u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u5378\u8f7d\n     *\/\n    onUnload: function () {\n\n    },\n\n    \/**\n     * \u9875\u9762\u76f8\u5173\u4e8b\u4ef6\u5904\u7406\u51fd\u6570--\u76d1\u542c\u7528\u6237\u4e0b\u62c9\u52a8\u4f5c\n     *\/\n    onPullDownRefresh: function () {\n\n    },\n\n    \/**\n     * \u9875\u9762\u4e0a\u62c9\u89e6\u5e95\u4e8b\u4ef6\u7684\u5904\u7406\u51fd\u6570\n     *\/\n    onReachBottom: function () {\n\n    },\n\n    \/**\n     * \u7528\u6237\u70b9\u51fb\u53f3\u4e0a\u89d2\u5206\u4eab\n     *\/\n    onShareAppMessage: function () {\n\n    },\n\n    \/**\n     * \u8df3\u8f6c\u641c\u7d22\u9875\u9762\n     *\/\n    srhBox: function () {\n        let that = this;\n        wx.navigateTo({\n            url: '..\/search\/index',\n        })\n    },\n\n\n    \/**\n     * \u70b9\u51fb\u64ad\u653e\n     *\/\n    audioPlay: function () {\n        var that = this;\n        that.audioCtx.play();\n        that.setData({\n            adply1: false,\n            adply2: true,\n            adFre: true,\n            \/\/ isScroll: that.data.isScroll\n        })\n    },\n\n    \/**\n     * \u70b9\u51fb\u6682\u505c\n     *\/\n    audioPause: function () {\n        var that = this;\n        that.audioCtx.pause();\n        that.setData({\n            adply1: true,\n            adply2: false,\n            adFre: false,\n            \/\/ isScroll: that.data.isScroll\n        })\n    },  \n\n    \/**\n    * \u70b9\u51fb\u6536\u85cf\n    *\/\n    audioColy: function () {\n        var that = this;\n        that.setData({\n            adcol1: false,\n            adcol2: true,\n        })\n    },\n\n    \/**\n     * \u70b9\u51fb\u672a\u6536\u85cf\n     *\/\n    audioColn: function () {\n        var that = this;\n        that.setData({\n            adcol1: true,\n            adcol2: false,\n        })\n    },  \n\n    \/**\n     * \u8df3\u8f6c\u6545\u4e8b\u8be6\u60c5\n     *\/\n\n    storySec: function () {\n        let that = this;\n        wx.navigateTo({\n            url: '..\/audio\/index',\n        })\n    },\n\n    \/**\n     * \u70b9\u51fb\u5207\u6362\n     *\/\n\n    menuLi: function (e) {\n        let that = this;\n        \/\/ console.log (e);\n        let id = e.currentTarget.id;\n\n        that.setData({\n            curr_index: id\n        })\n    },\n\n    \/**\n     * \u97f3\u9891\u5c0f\u767d\u70b9\u6ed1\u52a8\n     *\/\n\n    \/\/\u6ed1\u52a8\u79fb\u52a8\u4e8b\u4ef6\n    handletouchmove: function (e) {\n        let that = this;\n        let clientX = e.touches[0].clientX;\n        let clientY = e.touches[0].clientY;\n        \/\/\u5c4f\u5e55\u8fb9\u754c\u5224\u65ad\n        if (clientX < 20 || clientY < 20)\n            return;\n        if (clientX > that.data.screenWidth - 20)\n            return;\n        if (clientY > that.data.screenHeight - 20)\n            return;\n        that.setData({\n            left: e.touches[0].clientX - 20,\n            top: e.touches[0].clientY - 20,\n            right: e.touches[0].clientX - 20,\n            home_back: 'home_back2'\n        })\n\n    },\n\n    \/\/\u6ed1\u52a8\u7ed3\u675f\u4e8b\u4ef6\n    handletouchend: function (e) {\n        let that = this;\n        if ( that.data.left < (that.data.screenWidth - 60) \/ 2 ) {\n            that.setData({\n                left: 0,\n                home_back: 'home_back1'\n            })\n        } else {\n            that.setData({\n                left: that.data.screenWidth - 60,\n                right: 0,\n                home_back: 'home_back1'\n            })\n        }\n    }\n\n\n\n})<\/pre>\n
 \u767b\u5f55\u540e\u590d\u5236 <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cAssistiveTouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5c0f\u7a0b\u5e8f\u5b9e\u73b0\u7c7b\u4f3c\u4e8e\u82f9\u679cassistivetouch\u529f\u80fd\uff08\u9644\u4ee3\u7801\uff09\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002 \u4e00\u3001\u9996\u5148\u6211\u5148\u4ecb\u7ecd\u4e00\u4e0b\uff0c\u6211\u4eec\u8981\u505a\u4e00\u4e2a\u4ec0\u4e48\u6837\u7684\u9879\u76ee\u529f\u80fd \u9879\u76ee\u529f\u80fd\u5c31\u662f\u4e00\u4e2a\u97f3\u9891\u70b9\u51fb\u64ad\u653e\uff0c\u5f53\u70b9\u51fb\u4e3a\u64ad\u653e\u7684\u72b6\u6001\u65f6\uff0c\u4e00\u4e2a\u97f3\u9891\u7684\u52a8\u56fe\u51fa\u73b0\uff0c\u800c\u4e14\u662f\u53ef\u4ee5\u8ddf\u968f\u7740\u624b\u6307\u7684\u6ed1\u52a8\u800c\u6ed1\u52a8\uff0c\u800c\u4e14\uff0c\u5728\u6ed1\u52a8\u52a8\u56fe\u7684\u65f6\u5019\uff0c\u5f53\u524d\u4e0b\u7684\u9875\u9762\u662f\u4e0d\u53ef\u4ee5\u8ddf\u968f\u7740\u6211\u7684\u6ed1\u52a8\u800c\u4e0a\u4e0b\u6eda\u52a8\uff0c\u5f53\u505c\u6b62\u6ed1\u52a8\u7684\u65f6\u5019\uff0c\u97f3\u9891\u52a8\u56fe\u505c\u9760\u5728\u624b\u673a\u7684\u5de6\u4fa7\u6216\u8005\u53f3\u4fa7\uff0c\u800c\u5f53\u524d\u4e0b\u7684\u9875\u9762\u662f\u53ef\u4ee5\u4e0a\u4e0b\u6eda\u52a8\u7684\uff0c\u529f\u80fd\u4ecb\u7ecd\u5230\u6b64\u4e3a\u6b62\uff0c\u4e0b\u9762\u6211\u4eec\u8bf4\u4e00\u4e0b\u601d\u8def\u3002     \u4e8c\u3001\u6211\u4eec\u505a\u8fd9\u4e2a\u529f\u80fd\uff0c\u7b2c\u4e8c\u6b65\u5c31\u662f\u8981\u60f3\u601d\u8def \u601d\u8def\u5c31\u662f\uff0c\u5229\u7528\u5fae\u4fe1\u4e2d\u7684\u6ed1\u52a8\u4e8b\u4ef6\uff0c\u5916\u52a0\u63a7\u5236\u6837\u5f0f\uff0c\u6765\u5b8c\u6210\u8fd9\u4e2a\u529f\u80fd\u3002 \u4e09\u3001\u8fd9\u662f\u9879\u76ee\u7684ui\u56fe\uff0c\u5e9f\u8bdd\u4e0d\u591a\u8bf4\uff0c\u76f4\u63a5\u64b8\u4ee3\u7801\u3002 \u9879\u76ee\u6837\u56fe \u56db\u3001index.wxml\u3001index.wxss\u3001index.js\u9875\u9762\u4ee3\u7801 *index.wxml\u9875\u9762* <!– \u641c\u7d22 –> <view class=’home_srh’> <view class=’srh_box’ bindtap=’srhBox’> <image class=’srh_box_img’ src=’..\/..\/img\/home_search.png’><\/image> <view class=’srh_box_text’>\u5f00\u5fc3\u5976\u5976<\/view> <\/view> <\/view> <!– \u97f3\u9891\u5206\u7c7b –> <view class=’home_ban’> <!– \u8f6e\u64ad\u56fe –> <view class=”page-section”> <swiper circular=”true” previous-margin=”44rpx” next-margin=”44rpx”> <!– <block wx:for=”{{}}” wx:key=””> –> <swiper-item> <view class=”swiper-item”> <audio src=”http:\/\/img.tukuppt.com\/preview_music\/00\/00\/60\/yulan-5b87c00c59d402663.mp3″ id=”myAudio” loop><\/audio> <view class=’audio_box’> <button […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-32487","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=32487"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32487\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}