# 媒體組件：
## 官方文檔：
https://uniapp.dcloud.io/component/audio.html
## 以下是部分效果具體可以根據官方文檔來做
## 圖片標簽
```
<image>
```
```
<image src="../../static/icon/12.png" mode=""></image>
```
## 音頻標簽：
```
<audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name"
:author="current.author" :action="audioAction" controls></audio>
----------------------------------------------------------------------------------------------------------------------------------------------
export default {
data() {
return {
current: {
poster: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png ',
name: '致愛麗絲',
author: '暫無',
src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',
},
audioAction: {
method: 'pause'
}
}
}
```
## 攝像頭標簽：
```
<camera style="width:100%; height:300rpx;"></camera>
```
- pages.json配置
- pages.json導航配置(項目導航設置)
- app.vue應用生命周期
- 頁面生命周期
- app.vue設置全局共享數據(getApp().globalDate)
- 組件view
- view阻止冒泡
- 組件scroll-view
- 組件swiper（制作幻燈片用）
- 組件rich-text (富文本)
- 組件progress（進度條）
- 媒體組件
- 表單form組件
- 表單input
- 表單textarea
- 組件復選框與單選框
- 組件picker底部拉起滾動器
- 組件button提交按鈕
- 組件---確認框
- uView使用
- 組件導航
- 網絡請求GET與POST
- 數據緩存(做登陸驗證時候用)
- 網絡接口封裝