add new key

zhangzengfei

2021-09-16 38430ddb8612fce15a2f1c940f9bd57d4da3e70b

 pages/gaode/gaode.vue

@@ -4,50 +4,50 @@
   </view>
</template>

<script>

   var wv;  
<script>
   var wv;  
   var pageUrl = 'https://ditu.amap.com/search?id=B000A6AF30&city=110108&geoobj=110.234084%7C32.218361%7C110.24359%7C32.223114&query_type=IDQ&query=%E5%8C%97%E4%BA%AC%E5%B8%82%E8%82%B2%E8%8B%B1%E4%B8%AD%E5%AD%A6';
   //var pageUrl = 'https://www.amap.com/search?id=B000A6AF30&city=110108&geoobj=112.467616%7C29.123802%7C119.790531%7C32.648103&query_type=IDQ&query=%E5%8C%97%E4%BA%AC%E5%B8%82%E8%82%B2%E8%8B%B1%E4%B8%AD%E5%AD%A6&zoom=7.41';

   //var pageUrl = 'https://www.amap.com/search?id=B000A6AF30&city=110108&geoobj=112.467616%7C29.123802%7C119.790531%7C32.648103&query_type=IDQ&query=%E5%8C%97%E4%BA%AC%E5%B8%82%E8%82%B2%E8%8B%B1%E4%B8%AD%E5%AD%A6&zoom=7.41';
   export default {
      data() {
         return {
            webviewStyles:{

               progress: {

                  color: '#00ff7f',

                  top: '20px'

               }

            webviewStyles:{
               progress: {
                  color: '#00ff7f',
                  top: '20px'
               }
            }
         }
      },

      onReady(){

         // #ifdef APP-PLUS

         var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview()

         console.log(currentWebview);

         setTimeout(function() {

            wv = currentWebview.children()[0]

            wv.setStyle({top:22, height:uni.getSystemInfoSync().windowHeight-22})

            //wv.setStyle({top:uni.getSystemInfoSync().statusBarHeight+44});

         }, 1000); //如果是页面初始化调用时，需要延时一下

         // #endif

      },

      // onLoad() {

      //    // #ifdef APP-PLUS

      //    wv = plus.webview.create("","custom-webview",{

      //       plusrequire:"none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止

      //       'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突

      //       //top:uni.getSystemInfoSync().statusBarHeight+44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值

      //       top:52, 
      //       height:uni.getSystemInfoSync().windowHeight-52

      //    })

      //    wv.loadURL("https://ditu.amap.com/search?id=B000A6AF30&city=110108&geoobj=110.234084%7C32.218361%7C110.24359%7C32.223114&query_type=IDQ&query=%E5%8C%97%E4%BA%AC%E5%B8%82%E8%82%B2%E8%8B%B1%E4%B8%AD%E5%AD%A6&zoom=17")

      //    var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象

      //    currentWebview.append(wv);

      //    setTimeout(function() {

      //       console.log(wv.getStyle())

				
      //    }, 1000);//如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取

      //    // #endif

      // },

      },
      onReady(){
         // #ifdef APP-PLUS
         var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview()
         console.log(currentWebview);
         setTimeout(function() {
            wv = currentWebview.children()[0]
            wv.setStyle({top:22, height:uni.getSystemInfoSync().windowHeight-22})
            //wv.setStyle({top:uni.getSystemInfoSync().statusBarHeight+44});
         }, 1000); //如果是页面初始化调用时，需要延时一下
         // #endif
      },
      // onLoad() {
      //    // #ifdef APP-PLUS
      //    wv = plus.webview.create("","custom-webview",{
      //       plusrequire:"none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
      //       'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突
      //       //top:uni.getSystemInfoSync().statusBarHeight+44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
      //       top:52, 
      //       height:uni.getSystemInfoSync().windowHeight-52
      //    })
      //    wv.loadURL("https://ditu.amap.com/search?id=B000A6AF30&city=110108&geoobj=110.234084%7C32.218361%7C110.24359%7C32.223114&query_type=IDQ&query=%E5%8C%97%E4%BA%AC%E5%B8%82%E8%82%B2%E8%8B%B1%E4%B8%AD%E5%AD%A6&zoom=17")
      //    var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
      //    currentWebview.append(wv);
      //    setTimeout(function() {
      //       console.log(wv.getStyle())
				
      //    }, 1000);//如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取
      //    // #endif
      // },
      
      methods: {
         
@@ -55,15 +55,15 @@
   }
</script>

<style lang="scss" scoped>

   uni-page-wrapper,uni-page-body{

      height: 100%;

      padding-top:44rpx;

<style lang="scss" scoped>
   uni-page-wrapper,uni-page-body{
      height: 100%;
      padding-top:44rpx;
   }
   .common_header{

      background-color: #fff!important;

   }

   .gap{

      height:44rpx;

   .common_header{
      background-color: #fff!important;
   }
   .gap{
      height:44rpx;
   }
</style>