上传用户头像,显示视频控件

This commit is contained in:
熊丽君
2021-12-27 15:51:23 +08:00
parent 0eae02dbe7
commit d424dff0b4
3 changed files with 12 additions and 4 deletions

View File

@ -5,7 +5,7 @@
<div class="_img">
<!-- <img src="./1.jpg" alt="" /> -->
<!-- muted controls autoplay -->
<video id="videoElement" muted autoplay>Your browser is too old which doesn't support HTML5 video.</video>
<video id="videoElement" muted controls autoplay>Your browser is too old which doesn't support HTML5 video.</video>
</div>
<div class="text">
<p style="opacity: 0.8">实况信息</p>

View File

@ -7,7 +7,7 @@
<!-- <div id="left1" ref="left1" class="chart1"></div> -->
<div style="height: 270px; margin: 14px 0 8px">
<!-- <img style="width: 100%; height: 100%" src="./img/left1/1.jpg" alt="" /> -->
<video style="width: 100%; height: 100%" id="videoElement" muted autoplay>
<video style="width: 100%; height: 100%" id="videoElement" muted controls autoplay>
Your browser is too old which doesn't support HTML5 video.
</video>
</div>

View File

@ -391,11 +391,16 @@
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-col :span="12">
<el-form-item label="备注">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="头像" prop="avatar">
<ImageUpload v-model="form.avatar" :isShowTip="false" :limit="1" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
@ -553,7 +558,10 @@ export default {
message: "请输入正确的手机号码",
trigger: "blur"
}
]
],
avatar: [
{ required: true, message: "用户头像不能为空", trigger: "blur" }
],
}
};
},