备案控制台
探索云世界
开发者社区 云计算 文章 正文

h5-爆料view

2017-11-22 1490
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
< div  class="search w">
   < form  action="" method="get">
       < input  name="" type="text" class="search_input" placeholder="请输入您想要查找的爆料">
       <!-- .search_input {                                                                 .search_submit {
               width: 85%;                                                                     float: left;
               margin: 0px;                                                                    width: 20%;
               padding-top: 12px;                                                              height: 37px;
               padding-right: 0px;                                                             border-top-width: 0px;
               padding-bottom: 10px;                                                           border-right-width: 0px;
               padding-left: 40px;                                                             border-bottom-width: 0px;
               float: left;                                                                    border-left-width: 0px;
               border-top-width: 0px;                                                          border-top-style: none;
               border-right-width: 0px;                                                        border-right-style: none;
               border-bottom-width: 0px;                                                       border-bottom-style: none;
               border-left-width: 0px;                                                         border-left-style: none;
               border-top-style: none;                                                         outline: none;
               border-right-style: none;                                                       font-family: Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
               border-bottom-style: none;                                                      font-size: 14px;
               border-left-style: none;                                                        line-height: 37px;
               outline: none;      /* 元素周围的一条轮廓线 */                                        color: #FFFFFF;
               font-family: Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;        background-color: #009999;
               font-size: 13px;                                                            }
               color: #666666;
               background-image: url(../images/iconfont-sousuo.png);
               background-repeat: no-repeat;
               background-position: 10px center;  /*图片水平位置,垂直方向的位置 */
               background-size: 20px;  /* 图片大小 */
               width: 80%;
            }-->
       < input  name="" type="button" class="search_submit" value="搜索">
   </ form >
</ div >

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
< div  class="bl_view_img">< img  src="http://baoliao.178hui.com/upload/2015/0710/12332059693.jpg" /></ div >
     <!--     .bl_view_img {                              .bl_view_img img {
             text-align: center;图片居中                 max-height: 150px;  图片缩放
             padding: 10px;                          }
         } -->
     < div  class="bl_view_title">
     <!-- .bl_view_title {
             padding: 10px;
             border-bottom-width: 1px;
             border-bottom-style: solid;
             border-bottom-color: #F2F2F2;
             font-size: 14px;
             color: #333333;
             line-height: 22px;  行距
         } -->
         < span  class="bl_type">白菜</ span >
         <!-- .bl_type {
                 font-size: 10px;
                 color: #FFFFFF;
                 padding-top: 2px;
                 padding-right: 5px;
                 padding-bottom: 1px;
                 padding-left: 5px;
                 border-radius: 5px;
                 background-color: #ff3030;
                 margin-right: 2px;
             } -->
         < span  class="bl_type" style="background-color:#53bf1e;">活动</ span >
         < span  class="bl_type" style="background-color:#00bb9c;">优质</ span >
              韩国现代（HYUNDAI) BD-YS2003 多功能养生壶 煎药壶2.0L
     </ div >

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
   < div  class="bl_view_note">手机端：99元包邮</ div >
   <!-- .bl_view_note {
           font-size: 14px;
           color: #FF6600;
           padding: 10px;
           border-bottom-width: 1px;
           border-bottom-style: solid;
           border-bottom-color: #F2F2F2;
           line-height: 22px;
       } -->
   < div  class="bl_view_tag">
   <!-- .bl_view_tag {
           font-size: 12px;
           line-height: 40px;
           border-bottom-width: 1px;
           border-bottom-style: solid;
           border-bottom-color: #F2F2F2;
           height: 40px;
           padding-right: 1%;
           padding-left: 1%;
       } -->
       < div  class="bl_view_price">￥99.00</ div >
       <!-- .bl_view_price {
               font-size: 16px;
               color: #FF3300;
               float: left;
               margin-left: 1%;
           } -->
       < div  class="bl_view_oprice">￥138.00</ div >
               <!-- .bl_view_oprice {
                       font-size: 12px;
                       color: #666666;
                       text-decoration: line-through;
                       text-align: right;
                       float: left;
                       margin-left: 5%;
                   } -->
       < div  class="bl_view_mall">商城：京东商城</ div >
       <!-- .bl_view_mall {
                   font-size: 12px;
                   text-align: center;
                   float: right;
                   color: #666666;
                   margin-right: 1%;
               } -->
   </ div >
   < div  class="bl_view_tag">
       < div  class="bl_view_user">爆料者：xye1**</ div >
       <!-- .bl_view_user {
               font-size: 12px;
               color: #666666;
               text-align: left;
               float: left;
               margin-left: 1%;
           } -->
       < div  class="bl_view_time">人气：360次浏览</ div >
       <!-- .bl_view_time {
               font-size: 12px;
               color: #666666;
               text-align: right;
               float: right;
               margin-right: 1%;
           } -->
   </ div >
   < div  class="bl_view_tag">
       < div  class="bl_view_user">喜欢：2人喜欢</ div >
       < div  class="bl_view_time">时间：2015-07-10 12:33:36</ div >
   </ div >
   < div  class="go_buy">< a  href="#">直达链接</ a ></ div >
   <!-- .go_buy {                       .go_buy a {
           line-height: 40px;              color: #FFFFFF;
           height: 40px;                   background-color: #00bb9c;
           text-align: center;             text-align: center;
       }                                   line-height: 40px;
                                           float: left;
                                           width: 100%;
                                           text-decoration: none;
                                           font-size: 16px;
                                       }
        -->
</ div >

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
< div  class="bl_view_content w">
   < h1 >推荐理由< span >优质爆料QQ群①：186666517</ span ></ h1 >
   <!-- .bl_view_content h1 {                   .bl_view_content h1 span {
           font-size: 16px;                        float: right;
           font-weight: normal;                    font-size: 12px;
           color: #FF6600;                         color: #999999;
           line-height: 45px;                      margin-right: 5px;
           border-bottom-width: 1px;           }  
           border-bottom-style: solid;
           border-bottom-color: #F3F3F3;
           text-indent: 10px;
           margin: 0px;
           padding: 0px;
       } -->
   < div  class="bl_view_word">
   <!-- .bl_view_word {
           padding: 10px;
           font-size: 14px;
           color: #666666;
           line-height: 22px;
           overflow: hidden;
       } -->
       < p >
       <!-- .bl_view_word p {           .bl_view_word a {
               margin-top: 5px;            color: #00bb9c;
               margin-right: 0px;          text-decoration: none;
               margin-bottom: 5px;     }
               margin-left: 0px;
           } -->
           飞利浦PHILIPS LED球泡5W/E27日光色4连包，< a  href="#">京东商城售价109元</ a >，可以参加满200-60的活动，例如凑单2套，
           折合79元/套，不到20元/个，其它渠道都在39元/个左右。
       </ p >
       < p >
           飞利浦PHILIPS LED球泡5W/E27日光色4连包，功率为5W，色温：6500K，家庭装修、商场、展示厅、酒店、办公室等，
           可直接替换相同灯座的灯泡。
       </ p >     
       < p >
           特步男鞋跑步鞋男士运动鞋新款休闲鞋网面透气跑步鞋减震超轻慢跑鞋男 灰黄 42
       </ p >
       < p >
           < strong >京东6月17日活动秒杀  10点 61.8元秒杀</ strong >
       </ p >
       < p >
           < img  src="http://baoliao.178hui.com/upload/shaidan/20150617/1434503287905.jpg" _
           src="http://baoliao.178hui.com/upload/shaidan/20150617/1434503287905.jpg" />
       </ p >        
       < p >
           < a  href="http://jump.178hui.com/index.php?mod=jump&act=url&url=http%3A%2F%2Fsale.jd.com%2Fact%2FRS4tPQI3DuHor.html&uid=12405"
               rel="nofollow" target="_blank">
               < img  src="http://baoliao.178hui.com/upload/shaidan/20150616/14344169658370.jpg" _
               src="http://baoliao.178hui.com/upload/shaidan/20150616/14344169658370.jpg" />
           </ a >
       </ p >
   </ div >
</ div >

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
< div  class="bl_comment w">
    < h1 >猜您还喜欢</ h1 >
    <!-- .bl_comment h1 {
           font-size: 14px;
           font-weight: normal;
           color: #666666;
           margin: 0px;
           line-height: 40px;  h1的高度就确定了
           padding-left: 10px;
           border-bottom-width: 1px;
           border-bottom-style: solid;
           border-bottom-color: #F6F6F6;
       } -->
    < div  class="comment_list">
    <!-- .comment_list {
           padding: 10px;
           font-size: 12px;
           color: #666666;
       } -->
       < ul  class="ui-list ui-border-tb"> 
           < li >
               < div  class="ui-list-thumb ui-avatar-s">
                  < span >< img  src="http://baoliao.178hui.com/upload/2015/0710/12332059693.jpg" /></ span >               
               </ div >
               < div  class="ui-list-info ui-border-t">
                   < h4 >韩国现代（HYUNDAI) BD-YS2003 多功能养生壶 煎药壶2.0L </ h4 >
                   < p >手机端：99元包邮</ p >
                   < p  style="color:#FF6600">￥99元</ p >
               </ div >
           </ li >
           < li >
               < div  class="ui-list-thumb ui-avatar-s">
                   < span >< img  src="http://baoliao.178hui.com/upload/2015/0710/12332059693.jpg" /></ span >                </ div >
               < div  class="ui-list-info ui-border-t">
                   < h4 >韩国现代（HYUNDAI) BD-YS2003 多功能养生壶 煎药壶2.0L </ h4 >
                   < p >手机端：99元包邮</ p >
                   < p  style="color:#FF6600">￥99元</ p >
             </ div >
           </ li >
           < li >
               < div  class="ui-list-thumb ui-avatar-s">
                   < span >< img  src="http://baoliao.178hui.com/upload/2015/0710/12332059693.jpg" /></ span >                </ div >
               < div  class="ui-list-info ui-border-t">
                   < h4 >韩国现代（HYUNDAI) BD-YS2003 多功能养生壶 煎药壶2.0L </ h4 >
                   < p >手机端：99元包邮</ p >
                   < p  style="color:#FF6600">￥99元</ p >
             </ div >
           </ li >
           < li >
               < div  class="ui-list-thumb ui-avatar-s">
                   < span >< img  src="http://baoliao.178hui.com/upload/2015/0710/12332059693.jpg" /></ span >                </ div >
               < div  class="ui-list-info ui-border-t">
                   < h4 >韩国现代（HYUNDAI) BD-YS2003 多功能养生壶 煎药壶2.0L </ h4 >
                   < p >手机端：99元包邮</ p >
                   < p  style="color:#FF6600">￥99元</ p >
             </ div >
           </ li >
           
           < li >
               < div  class="ui-list-thumb ui-avatar-s">
                   < span >< img  src="http://baoliao.178hui.com/upload/2015/0710/12332059693.jpg" /></ span >                </ div >
               < div  class="ui-list-info ui-border-t">
                   < h4 >韩国现代（HYUNDAI) BD-YS2003 多功能养生壶 煎药壶2.0L </ h4 >
                   < p >手机端：99元包邮</ p >
                   < p  style="color:#FF6600">￥99元</ p >
             </ div >
           </ li >
       </ ul >
    </ div >
</ div >

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
< div  class="pl_icon"></ div >   <!-- 评这个字 -->
<!-- .pl_icon {
           background-image: url(../images/iconfont-fzst-ping.png);
           background-repeat: no-repeat;
           background-size: 40px;
           height: 40px;
           width: 40px;
           position: fixed;
           right: 10px;
           bottom: 100px;
       } -->
< div  class="bl_pinlun w">
   < form  action="" method="get">
       < input  name="" type="text" placeholder="我来说一句" class="pinlun_input">
       <!-- .pinlun_input {
               float: left;
               width: 75%; 
               border-top-width: 0px;
               border-right-width: 0px;
               border-bottom-width: 0px;
               border-left-width: 0px;
               border-top-style: none;
               border-right-style: none;
               border-bottom-style: none;
               border-left-style: none;
               font-size: 14px;
               color: #333333;
               font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
               outline: none;
               padding-left: 42px;  输入框里面文字的左边距
               padding-right: 10px; 输入框里面文字的右边据
               padding-top: 15px;  输入框里面的上边距
               padding-bottom: 10px; 输入框里面的下边据
               background-image: url(../images/iconfont-pinglun.png);  输入框里面前面的小图标
               background-repeat: no-repeat;
               background-size: 25px;  小图标的大小
               background-position: 10px center;  小图标的x,y位置
           } -->
       < input  name="" type="button" class="pinlun_submit" value="发表评论">
       <!-- .pinlun_submit {
               line-height: 40px;  里面文字垂直居中
               color: #FFFFFF;
               height: 40px;  高度
               width: 25%;   宽度
               border-top-width: 0px;
               border-right-width: 0px;
               border-bottom-width: 0px;
               border-left-width: 0px;
               border-top-style: none;
               border-right-style: none;
               border-bottom-style: none;
               border-left-style: none;
               font-family:Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
               outline: none;
               background-color: #7fc242;
           } -->
   </ form >
</ div >
< div  class="no_login w">您需要登录才能发表牛评哦！< a  href="#">马上登录</ a >< a  href="#">免费注册</ a ></ div >
<!-- .no_login {                                                                   .no_login a {          
           line-height: 45px;   div的line-height能够改变div的高度并且文字垂直居中          margin-left: 15px;
           text-align: center;  div里面的文字水平居中                                   }  
           color: #333333;
       } -->
< div  class="bl_comment w">
   < h1 >TA们的牛评（10）</ h1 >
   <!-- .bl_comment h1 {
           font-size: 14px;
           font-weight: normal;
           color: #666666;
           margin: 0px;
           line-height: 40px;
           padding-left: 10px;
           border-bottom-width: 1px;
           border-bottom-style: solid;
           border-bottom-color: #F6F6F6;
       } -->
   < div  class="comment_list">
   <!-- .comment_list {
           padding: 10px;
           font-size: 12px;
           color: #666666;
       } -->
       < ul >
           < li >
           <!-- .comment_list li {
                   float: left;
                   border-bottom-width: 1px;
                   border-bottom-style: dashed;
                   border-bottom-color: #CCCCCC;
                   width: 100%;
                   padding-bottom: 10px;
                   margin-bottom: 10px;
               } -->
             < div  class="pl_user_img">< img  src="http://baoliao.178hui.com/upload/avatar/0000/0015/24_avatar_middle.jpg" /></ div >
             <!-- .comment_list  .pl_user_img {     .comment_list  .pl_user_img  img {
                       float: left;                        height: 30px;
                       height: 30px;                       width: 30px;
                       width: 30px;                        border-radius: 50%;
                       overflow: hidden;               }
                       border-radius: 50%;
                   }                                                                      
                   
                   
                   -->
             < div  class="pl_user_top">
             <!-- .comment_list .pl_user_top {
                       float: left;
                       width: 50%;
                       line-height: 30px;
                       max-width: 98%;
                   } -->
                 < div  class="pl_user_name">xxx198**</ div >
                 <!-- .comment_list  .pl_user_name {
                           float: left;
                           margin-left: 10px;
                           color: #0099CC;
                           font-size: 12px;
                       } -->
                 < div  class="pl_user_time">6天前</ div >
                 <!-- .comment_list .pl_user_time {
                           float: left;
                           margin-left: 10px;
                           color: #999999;
                           font-size: 12px;
                       } -->
             </ div >
             < div  class="pl_user_comment">可以一个号多撸，不限次数，大家悠着点，别整黑号了。可以一个号多撸，不限次数，大家悠着点，别整黑号了。</ div >
             <!-- .comment_list .pl_user_comment {
                   width: 97%;
                   margin-top: 5px;
                   padding-left: 2.2%;
                   float: left;
                   text-align: justify;
                   line-height: 22px;
                   font-size: 12px;
               } -->
           </ li >
           < li >
             < div  class="pl_user_img">< img  src="http://baoliao.178hui.com/upload/avatar/0000/0015/24_avatar_middle.jpg" /></ div >
             < div  class="pl_user_top">
                 < div  class="pl_user_name">xxx198**</ div >
                 < div  class="pl_user_time">6天前</ div >
             </ div >
             < div  class="pl_user_comment">可以一个号多撸，不限次数，大家悠着点，别整黑号了。可以一个号多撸，不限次数，大家悠着点，别整黑号了。</ div >
           </ li >
           < li >
             < div  class="pl_user_img">< img  src="http://baoliao.178hui.com/upload/avatar/0000/0015/24_avatar_middle.jpg" /></ div >
             < div  class="pl_user_top">
                 < div  class="pl_user_name">xxx198**</ div >
                 < div  class="pl_user_time">6天前</ div >
             </ div >
             < div  class="pl_user_comment">可以一个号多撸，不限次数，大家悠着点，别整黑号了。</ div >
           </ li >
           < li >
             < div  class="pl_user_img">< img  src="http://baoliao.178hui.com/upload/avatar/0000/0015/24_avatar_middle.jpg" /></ div >
             < div  class="pl_user_top">
                 < div  class="pl_user_name">xxx198**</ div >
                 < div  class="pl_user_time">6天前</ div >
             </ div >
             < div  class="pl_user_comment">可以一个号多撸，不限次数，大家悠着点，别整黑号了。可以一个号多撸，不限次数，大家悠着点，别整黑号了。</ div >
           </ li >

 


本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/p/5525876.html，如需转载请自行联系原作者

范大脚脚
目录
相关文章
游客k7ja6kkd3nere
|
Android开发 容器
史上最好的Android事件分发文章
史上最好的Android事件分发文章
游客k7ja6kkd3nere
151 0
史上最好的Android事件分发文章
柳鲲鹏
|
Java Android开发
不看好的Android火了，看好的WebOS死了
不看好的Android火了，看好的WebOS死了
柳鲲鹏
106 0
玄学酱
|
人工智能 Android开发 机器人
Android创始人要自己开公司做手机
玄学酱
1050 0
余二五
|
Android开发
Android第二十四期 - 游戏公告跑马灯效果
余二五
1245 0
boxti
|
vr&ar Android开发 UED
宣判iPad死刑的不是iPhone，更不是Android
boxti
1482 0
青衫无名
|
Android开发
欧盟明日将正式指控谷歌Android垄断市场
青衫无名
1040 0
boxti
|
芯片
继Imagination和Dialog之后 Synaptics也有可能出局
boxti
1228 0
行者武松
|
Android开发
甲骨文曝猛料：Android共为谷歌创收310亿美元
行者武松
863 0
玄学酱
|
Android开发
欧盟明日将正式指控谷歌 Android 垄断市场
玄学酱
900 0
美人迟暮
|
Android开发 iOS开发
谷歌高管:Android 从未抄袭 iPhone 功能
美人迟暮
1397 0

热门文章

最新文章

  • 1
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 2
    【直播系列之一】1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
  • 3
    理解事务的4种隔离级别
  • 4
    阿里云网站域名备案流程全过程讲解(图文)
  • 5
    在服务器的raid1中安装windows server系统（踩坑记录）
  • 6
    如何用Vue实现简易的富文本编辑器，并支持Markdown语法
  • 7
    怎么才能快速提高小程序留存率！
  • 8
    程序员请放下浮躁的心
  • 9
    如何解决域中普通用户只限于10台客户机加入域的数量问题
  • 10
    博客园模板 样式优化
  • 1
    未来技术纵横谈：区块链、物联网与虚拟现实的融合与创新
    36
  • 2
    软件体系结构 - 缓存技术（9）缓存穿透
    30
  • 3
    提升Android应用性能的实用技巧
    33
  • 4
    工具变量法(两阶段最小二乘法2SLS)线性模型分析人均食品消费时间序列数据和回归诊断（下）
    37
  • 5
    软件体系结构 - 缓存技术（8）缓存雪崩
    37
  • 6
    软件体系结构 - 缓存技术（7）Redis持久化方法
    38
  • 7
    Python用KShape对时间序列进行聚类和肘方法确定最优聚类数k可视化
    28
  • 8
    软件体系结构 - 缓存技术（6）淘汰策略
    31
  • 9
    基于R语言股票市场收益的统计可视化分析
    36
  • 10
    软件体系结构 - 数据分片（2）一致性哈希分片
    36

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）