1. 程式人生 > >小程式學習之旅----open-data web-view 以及 canvas、map

小程式學習之旅----open-data web-view 以及 canvas、map

<open-data type="userAvatarUrl"></open-data>
<open-data type="userGender" lang="zh_CN"></open-data>

<view></view>

<open-data type="userNickName" lang="zh_CN"></open-data>
const app = getApp()

Page({
  data: {

  },
  onLoad: function () {
    console.log('程式碼片段是一種迷你、可分享的小程式或小遊戲專案,可用於分享小程式和小遊戲的開發經驗、展示元件和 API 的使用、復現開發問題和 Bug 等。可點選以下連結檢視程式碼片段的詳細文件:')
    console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')
  },
})

#myVideo{
  width: 100%;
  
}
.controls{

  height: 80rpx;
  line-height: 80rpx;
  position: absolute;
  bottom: 0px;

  background: rgba(0, 0, 0, 1);

  width: 100%;

  color: #fff;

  text-align: center;

  display:flex;

}

.play,.pause,.time {
  flex: 1;
  height: 100%;
}
.time {
  text-align: center;
  background-color: rgba(0, 0, 0, .5);
  color: white;
  height: 80rpx;
  line-height: 80rpx;
}
.img {
  width: 24px;
  height: 24px;
  margin: 5px auto;
}
<web-view src="https://mp.weixin.qq.com/"></web-view>
<!-- 新聞列表和新聞詳情 -->
Page({
  data: {
    motto: 'Hello World'    
  }
})