AI 助理
备案控制台
开发者社区 云计算 文章 正文

h5-爆料view

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

 

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，如需转载请自行联系原作者

范大脚脚
目录
相关文章
原飞雪
|
新金融
今天，中原银行和阿里云在一起了
在2021阿里云峰会的新金融论坛上，中原银行与阿里云签署战略合作框架协议，共同为金融行业数字化转型发展贡献力量。
原飞雪
332 0
今天，中原银行和阿里云在一起了
2025「AI安全」全球攻防赛小编
|
4天前
|
人工智能 运维 安全
从“裸奔”到“金钟罩”：AI身份凭据安全的进化之路
构建身份权限安全，护航企业数据合规
2025「AI安全」全球攻防赛小编
1157 5
弹性计算-百晓生
|
2天前
|
人工智能 异构计算
敬请锁定《C位面对面》，洞察通用计算如何在AI时代持续赋能企业创新，助力业务发展！
敬请锁定《C位面对面》，洞察通用计算如何在AI时代持续赋能企业创新，助力业务发展！
弹性计算-百晓生
949 1
2025「AI安全」全球攻防赛小编
|
2天前
|
云安全 人工智能 安全
内含报名福利｜云栖大会AI安全前沿攻防技术论坛报名开启！
论坛时间：9月26日上午
2025「AI安全」全球攻防赛小编
858 1
探索云世界
|
9天前
|
人工智能 JavaScript 测试技术
Qwen3-Coder入门教程｜10分钟搞定安装配置
Qwen3-Coder 挑战赛简介：无论你是编程小白还是办公达人，都能通过本教程快速上手 Qwen-Code CLI，利用 AI 轻松实现代码编写、文档处理等任务。内容涵盖 API 配置、CLI 安装及多种实用案例，助你提升效率，体验智能编码的乐趣。
探索云世界
814 109
modelscope
|
3天前
|
机器学习/深度学习 人工智能 自然语言处理
B站开源IndexTTS2，用极致表现力颠覆听觉体验
在语音合成技术不断演进的背景下，早期版本的IndexTTS虽然在多场景应用中展现出良好的表现，但在情感表达的细腻度与时长控制的精准性方面仍存在提升空间。为了解决这些问题，并进一步推动零样本语音合成在实际场景中的落地能力，B站语音团队对模型架构与训练策略进行了深度优化，推出了全新一代语音合成模型——IndexTTS2 。
modelscope
410 9
aliyun7937252284-32777
|
3天前
|
人工智能 测试技术 API
智能体（AI Agent）搭建全攻略：从概念到实践的终极指南
在人工智能浪潮中，智能体（AI Agent）正成为变革性技术。它们具备自主决策、环境感知、任务执行等能力，广泛应用于日常任务与商业流程。本文详解智能体概念、架构及七步搭建指南，助你打造专属智能体，迎接智能自动化新时代。
aliyun7937252284-32777
380 7