1. <dd id="erndk"></dd>
                1. 小程序頁面嵌入H5

                  互聯網 2022/4/26 11:42:48

                  <template><view class="content"><web-view id="tq-view" src="https://widget-page.qweather.net/h5/index.html?md=012346&bg=1&lc=accu&key=7b9bf0a2b0064edbb77ecf758c8034f3&v=_1650194718744">&…
                  <template>
                  	<view class="content">
                  		<web-view id="tq-view" src="https://widget-page.qweather.net/h5/index.html?md=012346&bg=1&lc=accu&key=7b9bf0a2b0064edbb77ecf758c8034f3&v=_1650194718744"></web-view>
                  	</view>
                  </template>
                  
                  <script>
                  	var wv; //計劃創建的webview
                  	export default {
                  		data() {
                  			return {
                  				canBack:false,
                  			}
                  		},
                  		onLoad() {
                  
                  		},
                  		onBackPress() {
                  		    if (wv && this.canBack) {
                  		        wv.back();
                  		        return true;
                  		    }
                  		    return false;
                  		},
                  		onReady() {
                  		    // #ifdef APP-PLUS
                  		    var self = this;
                  		    var currentWebview = this.$scope.$getAppWebview(); //此對象相當于html5plus里的plus.webview.currentWebview()。在uni-app里vue頁面直接使用plus.webview.currentWebview()無效,非v3編譯模式使用this.$mp.page.$getAppWebview()
                  
                  			setTimeout(function() {				
                  				wv = currentWebview.children()[0];
                  				currentWebview.children()[0].setStyle({
                  					pullToRefresh: {
                  						support: true,
                  						style: plus.os.name === "Android" ? "circle" : "default"						
                  					}
                  				})
                  				wv.addEventListener(
                  		            'progressChanged',
                  		            function(e) {
                  		                wv.canBack(function(e) {
                  		                    self.canBack = e.canBack;
                  		                });
                  		            },
                  		            false
                  		        );
                  		    }, 500); //如果是頁面初始化調用時,需要延時一下
                  		    // #endif
                  		},
                  		onPullDownRefresh(){
                  			
                  		},
                  		methods: {
                  
                  		}
                  	}
                  </script>
                  
                  <style>
                  	.content {
                  		display: flex;
                  		flex-direction: column;
                  		align-items: center;
                  		justify-content: center;
                  	}
                  
                  	.logo {
                  		height: 200rpx;
                  		width: 200rpx;
                  		margin-top: 200rpx;
                  		margin-left: auto;
                  		margin-right: auto;
                  		margin-bottom: 50rpx;
                  	}
                  
                  	.text-area {
                  		display: flex;
                  		justify-content: center;
                  	}
                  
                  	.title {
                  		font-size: 36rpx;
                  		color: #8f8f94;
                  	}
                  </style>
                  
                  
                  隨時隨地學軟件編程-關注百度小程序和微信小程序
                  關于找一找教程網

                  本站文章僅代表作者觀點,不代表本站立場,所有文章非營利性免費分享。
                  本站提供了軟件編程、網站開發技術、服務器運維、人工智能等等IT技術文章,希望廣大程序員努力學習,讓我們用科技改變世界。
                  [小程序頁面嵌入H5]http://www.yachtsalesaustralia.com/tech/detail-317236.html

                  贊(0)
                  關注微信小程序
                  程序員編程王-隨時隨地學編程

                  掃描二維碼或查找【程序員編程王】

                  可以隨時隨地學編程啦!

                  技術文章導航 更多>
                  国产在线拍揄自揄视频菠萝

                        1. <dd id="erndk"></dd>