救救孩子吧！

原创于 2019-01-28 09:54:23 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#求教各位大牛！ #mui #html5 #滚动条 #app

部署运行你感兴趣的模型镜像

这是移动端视频直播的页面，使用了mui框架，我想在id为liuyan的div中加上一个滚动条，但是不论怎么加都会出现样式的错误，求求大牛们帮帮忙！

<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>

	<body "getTime()">
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">视频直播</h1>
		</header>
		<div class="mui-content" style="background: white;">
			<div id="shipin">
				<video src="images/WeChat.mp4" controls="true" width="100%" height="280px"></video>
			</div>

			<div id="liuyan" style="height:245px ;" >
				<p id="date1"></p>
				<p id="name">张三：6666</p>
			</div>

			<div>
				<input id='messageValue' type="text" class="mui-input-clear mui-input" placeholder="请输入" style="width: 60%;">
				<button id='onMessage' data-loading-text="提交中" class="mui-btn mui-btn-success " style="width: 35%;height: 40px;">发送</button>
			</div>
		</div>
	</body>
	<script src="js/mui.min.js "></script>
	<script src="publicJs/common.js "></script>
	<script type="text/javascript " src="js/html5video.js "></script>
	<script>
		function getTime() {
			var newDate = " ";
			var dateObj = new Date();
			var year = dateObj.getFullYear(); //年
			var month = dateObj.getMonth() + 1; //月  (注意：月份+1)
			var date = dateObj.getDate(); //日
			var day = dateObj.getDay();
			var weeks = ["星期日 ", "星期一 ", "星期二 ", "星期三 ", "星期四 ", "星期五 ", "星期六 "];
			var week = weeks[day]; //根据day值，获取星期数组中的星期数。
			var hours = dateObj.getHours(); //小时
			var minutes = dateObj.getMinutes(); //分钟
			var seconds = dateObj.getSeconds(); //秒

			if(month < 10) {
				month = "0 " + month;
			}
			if(date < 10) {
				date = "0 " + date;
			}
			if(hours < 10) {
				hours = "0 " + hours;
			}
			if(minutes < 10) {
				minutes = "0 " + minutes;
			}
			if(seconds < 10) {
				seconds = "0 " + seconds;
			}

			newDate = year + "年 " + month + "月 " + date + "日 " + hours + ": " + minutes + ": " + seconds + "&nbsp &nbsp " + week;
			document.getElementById("date1").innerHTML = newDate; //在div中写入时间
			setTimeout('getTime()', 500); //每隔500ms执行一次getTime()

		}

		//发送消息点击事件
		document.getElementById("onMessage").addEventListener('tap', function() {
			var message = document.getElementById("messageValue");
			if(message == null || message == "" || message == undefined) {
				alert("发送消息不能为空");
			} else {
				document.getElementById("liuyan").innerHTML += '<p>李四:'+message.value+'</p>';
				message.value = "";
			}

		});
	</script>

</html>

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率