前端之家收集整理的这篇文章主要介绍了
Vue实现搜索 和新闻列表功能简单范例,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
效果图如下所示:
无标题页
<
Meta name="apple-mobile-web-app-capable" content="yes">
<
Meta name="apple-mobile-web-app-status-bar-style" content="black">
<
Meta name="format-detection" content="telephone=no">
<
Meta name="format-detection" content="email=no">
<
Meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=0">
@H_
403_9@
.
Box {
width: 900px;
height: auto;
overflow: hidden;
margin: 30px auto;
}
.left {
height: 150px;
width: 185px;
padding: 5px;
display: inline-block;
border: 1px solid black;
}
.left input {
padding: 2px;
margin-top: 10px;
}
.right {
width: 600px;
height: auto;
display: inline-block;
margin-left: 30px;
vertical-align: top;
}
.right table {
border-collapse: collapse;
width: 580px;
}
.right table th {
background-color: green;
padding: 5px;
text-align: center;
border: 1px solid black;
color: #FFFFFF;
}
.right table tr {
text-align: center;
}
.right table td {
border: 1px solid black;
}