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

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"> <div class="_img">
<!-- <img src="./1.jpg" alt="" /> --> <!-- <img src="./1.jpg" alt="" /> -->
<!-- muted controls autoplay --> <!-- 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>
<div class="text"> <div class="text">
<p style="opacity: 0.8">实况信息</p> <p style="opacity: 0.8">实况信息</p>

View File

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

View File

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