组件组件dom层面实现最简单实现层面实现最简单实现
单从dom实现来说，其实一个简单的ul便可以完成任务
复制代码代码如下:
<ul class=”cui-bubble-layer” style=”position: absolute; top: 110px; left: 220px;”>
<li data-index=”0″ data-flag=”c”>价格：￥35</li>
<li data-index=”1″ data-flag=”c”>评分：80</li>
<li data-index=”2″ data-flag=”c”>级别：5</li>
</ul>
当然这里要有相关的css
复制代码代码如下:
.cui-bubble-layer {
background: #f2f2f2;
border: #bcbcbc 1px solid;
border-radius: 3px
}
至此形成的效果是酱紫滴：
复制代码代码如下:
<!doctype html>
<html>
<head>
<meta charset=”utf-8″ />
<title>Blade Demo</title>
<meta name=”viewport” content=”width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-
scalable=no”>
<meta content=”telephone=no” name=”format-detection” />
<meta name=”apple-mobile-web-app-capable” content=”yes” />
评论0