Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
aed0d33e by 任超
Options

Merge branch 'master' of yun.pashanhoo.com:renchao/portalStaticPage

2 parents d6cc3ed8 fab0d062
Inline Side-by-side
Showing 6 changed files with 723 additions and 20 deletions
1 * {
2 padding: 0;
3 margin: 0;
4 }
5
6 .main {
7 padding-left: 100px;
8 padding-right: 100px;
9 }
10
11 .title {
12 height: auto;
13 font-size: 30px;
14 font-weight: 500;
15 color: #4A4A4A;
16 line-height: 30px;
17 text-align: center;
18 padding: 20px;
19 }
20
21 .release {
22 display: flex;
23 flex-flow: row nowrap;
24 justify-content: space-between;
25 font-size: 16px;
26 font-weight: 400;
27 color: #6D7278;
28 line-height: 12px;
29 margin-top: 20px;
30 margin-bottom: 20px;
31 }
32
33 .release div {
34 display: inline-block;
35 }
36
37 .body {
38 padding-top: 20px;
39 border-top: 1px solid #DEDEDE;
40 height: auto;
41 font-size: 16px;
42 font-weight: 400;
43 color: #4A4A4A;
44 line-height: 24px;
45 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>公告详情</title>
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/>
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head>
19 <body>
20 <div class="main">
21 <div class="title">
22 <span>党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量</span>
23 </div>
24 <div class="release">
25 <div>发布单位:国土信息</div>
26 <div>发布日期：2020-10-28</div>
27 </div>
28 <div class="body">
29 <span>
30 近日，自然资源部印发《自然资源统计工作管理办法》，旨在规范自然资源统计管理工作，建立健全统计数据质量控制体系，提高自然资源统计数据的真实性，发挥统计在自然资源管理中的重要基础性作用，该办法将于2020年8月1日起施行。 《自然资源统计工作管理办法》 一、明确自然资源统计主要任务 对7大类自然资源对象（土地、矿产、森林、草原、湿地、水、海域海岛），以及其他统计对象（海洋经济、地质勘查、地质灾害、测绘地理信息、自然资源督察、行政管理）开展统计调查和统计分析，提供统计数据，实施统计监督。 二、明晰自然资源统计数据获取方式 自然资源统计数据获取方式主要有：资源调查、行政记录、联网直报、逐级上报。并定期公布统计数据，在政策制定、规划编制、监督考核时，需要使用数据的，以公布的统计数据为准。 三、健全自然资源统计数据的质控体系 加强源头控制，填报人对其填报、录入的原始数据的真实性、准确性负责。严格审核，各单位对其负责加工整理、汇总生成的数据进行严格审核，对数据质量负责；发现数据异常的，应当返回填报人核实修改。审核结果和修改情况记录留痕。　　完善统计流程，建立健全数据审核、签署、交接、归档等管理制度，建立违规干预统计工作记录制度和统计信用制度。加强技术校核，充分利用各种技术手段对数据进行校核，开展逻辑检验、数据抽查、实地核查，综合评估、控制和提升数据质量。 四、加强自然资源统计信息化建设 加强自然资源统计信息化建设，实现统计数据全流程信息化生产和管理。建立健全统一的自然资源统计数据平台，推进统计数据平台与业务信息系统的互联互通、数据交互共享。完善统计网络直报系统。 五、更新制度和办法保证统计工作推进 在2019年07月，自然资源部办公厅已经颁发了《关于印发自然资源统计调查制度的通知》，制定“1+8”的“综合+专业”统计调查制度体系。《自然资源统计工作管理办法》出台将会进一步支持各项自然资源统计调查执行工作。办法自2020年8月1日起施行，原国土资源部公布的《国土资源统计工作管理办法》、原国家海洋局公布的《国家海洋局综合统计暂行规定》、原国家测绘地理信息局公布的《测绘统计管理办法》同时废止。 《办法》中明确指出，自然资源部统计归口管理机构组织开展全国自然资源综合统计工作，推进信息化建设，信息化的建设离不开对数据的运筹帷幄。北京数慧结合自身多年对数据处理的“精湛工艺”，对自然资源业务的深度理解和丰富经验，开发自然资源统计业务信息系统，设计建立部自然资源统计数据库，实现历史统计数据的迁移、分析、转换，完成历史统计数据融合与应用，为自然资源部本级统计工作提供适应当前统计业务管理的统一工作平台，有效支撑统计数据报送审核、整合汇总、数据管理、报表生成、统计报告编制、数据综合分析、数据展示和空间分析、信息服务等全流程运转模式，实现统计信息审核机制，提升自然资源统计的数据业务管理能力、综合分析能力和决策支撑能力。 会议强调，要按照“办赛精彩、参赛出彩、发展添彩”要求，抓紧抓实抓细各项筹办工作，确保十四运会和残特奥会办出质量、办出水平。要做好已完工场馆工程验收和体育工艺、竞赛标准专项检查，加快推进全运村场馆收尾工作，同步抓好场馆周边设施配套与城市环境综合整治，改善城市面貌，提升城市形象。要做好开闭幕式相关工作，统筹抓好医疗卫生、交通电力、餐饮住宿等准备工作，为赛事顺利举办提供有力服务保障。 会议强调，要加强全民健身设施建设，广泛开展群众性体育活动，建设一批体育公园、健身步道、社区多功能健身场地，让群众更多享受体育发展成果。要围绕筹办工作重大时间节点、重要标志性事件，精心组织策划有创意、有内容、有感染力的宣传推介活动，营造我市全民全运的浓厚氛围。要狠抓责任落实、狠抓进度落实、狠抓工作落实，确保把各项筹办工作谋深、抓实、干好。 市领导玉苏甫江·麦麦提、杨晓东、张琳、肖西亮、和文全，市执委会各成员单位主要负责同志参加。
31 </span>
32 </div>
33 </div>
34 </body>
35 </html>
36 <!--[if (gte IE 9)|!(IE)]><!-->
37 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
38 <!--<![endif]-->
39 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
40 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
41 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
42 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
43 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
44 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
...\ No newline at end of file ...\ No newline at end of file
1 * {
2 margin: 0;
3 padding: 0;
4 }
5
6 .main {
7 padding-left: 100px;
8 padding-right: 100px;
9 }
10
11 .top {
12 text-align: center;
13 height: 90px;
14 font-size: 14px;
15 font-weight: bold;
16 color: #4A4A4A;
17 line-height: 14px;
18 border-bottom: 1px solid #DEDEDE;
19 display: flex;
20 justify-items: auto;
21 align-items: center;
22 flex-width: wrap;
23 }
24
25 .top > div {
26 margin: 0 auto;
27 display: inline-block;
28 }
29
30 .top input {
31 width: 360px;
32 height: 36px;
33 background: #FFFFFF;
34 border-radius: 2px;
35 border: 1px solid #CBCBCB;
36 }
37
38 .top button {
39 width: 120px;
40 height: 40px;
41 background: #0091FF;
42 border: none;
43 border-radius: 3px;
44 color: white;
45 }
46
47 /*.top-date input:before {
48 content: attr(placeholder)
49 }*/
50
51 .filter {
52 display: flex;
53 justify-content: left;
54 }
55
56 .filter div {
57 display: inline-block;
58 padding: 20px;
59 background: #FFFFFF;
60 width: 102px;
61 font-size: 16px;
62 font-weight: 500;
63 color: #6D7278;
64 line-height: 20px;
65 }
66
67 .filter div:first-child {
68 width: 102px;
69 height: 20px;
70 font-size: 18px;
71 font-weight: bold;
72 color: #4A4A4A;
73 line-height: 20px;
74 }
75
76 .body {
77 display: flex;
78 justify-items: left;
79 border-top: 1px solid #CBCBCB;
80 }
81
82 .body div {
83 display: inline-block;
84 }
85
86 .left {
87 border-right-style: inset;
88 border-right: 1px solid #DEDEDE;
89 }
90
91 .right {
92 width: 400px;
93 }
94
95 .left, .right {
96 float: left;
97 }
98
99 .gg-tag {
100 background-color: #FA6800;
101 width: 40px;
102 height: 15px;
103 font-size: 10px;
104 font-weight: 500;
105 color: #FFFFFF;
106 line-height: 15px;
107 padding-left: 8px;
108 }
109
110 .gg {
111 text-overflow: clip;
112 overflow: hidden;
113 border-bottom: 1px solid #DEDEDE;
114 height: 100px;
115 font-size: 20px;
116 font-weight: bold;
117 color: #4A4A4A;
118 line-height: 104px;
119 padding-left: 20px;
120 padding-right: 20px;
121 }
122
123 .right {
124 width: 200px;
125 margin-left: 15px;
126 }
127
128 .right-top {
129 width: 100px;
130 height: 18px;
131 font-size: 18px;
132 font-family: PingFangSC-Medium, PingFang SC;
133 font-weight: 500;
134 color: #4A4A4A;
135 line-height: 18px;
136 padding-top: 20px;
137 }
138
139 .right-body {
140 display: inline-block;
141 margin-bottom: 20px;
142 }
143
144 .tj {
145 /*margin-bottom: 10px;*/
146 }
147
148 .tj img {
149 width: 200px;
150 height: 125px;
151 margin-top: 20px;
152 }
153
154 .tj img, .tj span {
155 float: left;
156 }
157
158 .tj-title {
159 width: 203px;
160 font-size: 14px;
161 font-family: PingFangSC-Medium, PingFang SC;
162 font-weight: bold;
163 color: #4A4A4A;
164 line-height: 21px;
165 }
166
167 .tj-date {
168 width: 90px;
169 height: 12px;
170 font-size: 12px;
171 font-family: PingFangSC-Regular, PingFang SC;
172 font-weight: 400;
173 color: #9B9B9B;
174 line-height: 12px;
175 }
176
177 .right-bottom {
178 border-top-style: inset;
179 border-top: 1px solid #DEDEDE;
180 }
181
182 .right-bottom-top {
183 width: 108px;
184 height: 18px;
185 font-size: 18px;
186 margin-top: 20px;
187 font-family: PingFangSC-Medium, PingFang SC;
188 font-weight: bold;
189 color: #4A4A4A;
190 line-height: 18px;
191 }
192
193 .zcfg {
194 margin-top: 20px;
195 display: inline-block;
196 }
197
198 .zcfg div {
199 float: left;
200 }
201
202 .zcfg-top {
203 width: 200px;
204 height: 14px;
205 font-size: 14px;
206 font-family: PingFangSC-Medium, PingFang SC;
207 font-weight: bold;
208 color: #4A4A4A;
209 line-height: 14px;
210 }
211
212 .zcfg-body {
213 width: 200px;
214 font-size: 14px;
215 display: inline-block;
216 font-family: PingFangSC-Regular, PingFang SC;
217 font-weight: 400;
218 color: #6D7278;
219 line-height: 21px;
220 }
221
222 .zcfg-bottom {
223 width: 90px;
224 height: 12px;
225 font-size: 12px;
226 font-family: PingFangSC-Regular, PingFang SC;
227 font-weight: 400;
228 color: #9B9B9B;
229 line-height: 12px;
230 }
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <title>公示公告</title>
5 <meta charset="UTF-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
7 <meta name="format-detection" content="telephone=no">
8 <meta name="renderer" content="webkit">
9 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
10 <meta http-equiv="Cache-Control" content="no-siteapp"/>
11 <link rel="stylesheet" type="text/css" href="../../lib/layui/css/layui.css"/>
12 <link rel="alternate icon" type="image/png" href="../../images/logo-realestate.png">
13 <link rel='icon' href='../../favicon.ico' type='image/x-ico'/>
14 <meta name="description" content=""/>
15 <meta name="keywords" content=""/>
16 <link rel="stylesheet" href="../../css/default.min.css?t=227"/>
17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head>
19 <body>
20 <div class="main">
21 <div class="top">
22 <div class="top-title">
23 <span>标题内容:</span><input type="text" placeholder="请输入标题">
24 </div>
25 <div class="top-date ">
26 发布时间:<input type="date" placeholder="选择时间">
27 </div>
28 <div class="top-serach ">
29 <button>查询</button>
30 </div>
31 </div>
32 <div class="filter">
33 <div>
34 <span>全部</span>
35 </div>
36 <div>
37 <span>公示</span>
38 </div>
39 <div>
40 <span>公告</span>
41 </div>
42 </div>
43 <div class="body">
44 <div class="left">
45 <div class="gg">
46 <div class="gg-tag">
47 公告
48 </div>
49 <span>
50 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
51 </span>
52 </div>
53 <div class="gg">
54 <div class="gg-tag">
55 公告
56 </div>
57 <span>
58 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
59 </span>
60 </div>
61 <div class="gg">
62 <div class="gg-tag">
63 公告
64 </div>
65 <span>
66 党的十八大以来双拥工作综述：为实现中国梦强军梦凝聚强大力量 前三季度主要指标由负转正 中国经济持续稳定恢复 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 首次推介中央企业民营企业协同发展项目 央企混改再引入社会资本超1800亿元 外交部：中国对世界减贫贡献率超过70% 国新办发布会介绍能源行业决战决胜脱贫攻坚——能源扶贫释放多重红利
67 </span>
68 </div>
69 <div id="page"></div>
70 </div>
71 <div class="right">
72 <div class="right-top">
73 <h2>新闻推荐</h2>
74 </div>
75 <div class="right-body">
76 <div class="tj">
77 <img
78 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
79 <span class="tj-title">
80 爬山虎国土空间信息化解决方案
81 </span>
82 <span class="tj-date">
83 2020-12-12
84 </span>
85 </div>
86 <div class="tj">
87 <img
88 src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
89 <span class="tj-title">
90 爬山虎国土空间信息化解决方案终极方案
91 </span>
92 <span class="tj-date">
93 2020-12-12
94 </span>
95 </div>
96 </div>
97 <div class="right-bottom">
98 <div class="right-bottom-top">
99 <span>政策法规推荐</span>
100 </div>
101 <div class="zcfg">
102 <div class="zcfg-top">
103 <span>爬山虎国土空间规划信息化解决</span>
104 </div>
105 <div class="zcfg-body">
106 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
107 </div>
108 <div class="zcfg-bottom">
109 <span>2020-10-28</span>
110 </div>
111 </div>
112 <div class="zcfg">
113 <div class="zcfg-top">
114 <span>爬山虎国土空间规划信息化解决</span>
115 </div>
116 <div class="zcfg-body">
117 <span>10月21日，农业农村部举行新闻发布会，介绍2020年前三季度农业农村经济形势。</span>
118 </div>
119 <div class="zcfg-bottom">
120 <span>2020-10-28</span>
121 </div>
122 </div>
123 </div>
124 </div>
125 </div>
126 </div>
127 </body>
128 </html>
129 <!--[if (gte IE 9)|!(IE)]><!-->
130 <script type="text/javascript" src="../../lib/jquery/jquery.min.js"></script>
131 <!--<![endif]-->
132 <script type="text/javascript" src="../../lib/handlebars/handlebars.min.js"></script>
133 <script type="text/javascript" src="../../lib/iscroll/iscroll-probe.js"></script>
134 <script type="text/javascript" src="../../lib/amazeui/amazeui.min.js"></script>
135 <script type="text/javascript" src="../../lib/raty/jquery.raty.js"></script>
136 <script type="text/javascript" src="../../js/main.min.js?t=1"></script>
137 <script type="text/javascript" src="../../lib/layui/layui.js"></script>
138 <script type="text/javascript">
139 layui.use('laypage', function () {
140 var laypage = layui.laypage;
141 //执行一个laypage实例
142 laypage.render({
143 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
144 , count: 50 //数据总数，从服务端得到
145 , prev: '<'
146 , next: '>'
147 ,theme: '#0091FF'
148 });
149 });
150 </script>
...\ No newline at end of file ...\ No newline at end of file
...@@ -12,7 +12,6 @@ ...@@ -12,7 +12,6 @@
12 font-size: 30px; 12 font-size: 30px;
13 padding-top: 45px; 13 padding-top: 45px;
14 padding-bottom: 70px; 14 padding-bottom: 70px;
15 font-family: PingFangSC-Medium, PingFang SC;
16 font-weight: 500; 15 font-weight: 500;
17 color: #4A4A4A; 16 color: #4A4A4A;
18 line-height: 30px; 17 line-height: 30px;
...@@ -54,7 +53,6 @@ ...@@ -54,7 +53,6 @@
54 .readNum div:nth-child(1) { 53 .readNum div:nth-child(1) {
55 height: 12px; 54 height: 12px;
56 font-size: 12px; 55 font-size: 12px;
57 font-family: PingFangSC-Regular, PingFang SC;
58 font-weight: 400; 56 font-weight: 400;
59 color: #6D7278; 57 color: #6D7278;
60 line-height: 12px; 58 line-height: 12px;
...@@ -63,7 +61,6 @@ ...@@ -63,7 +61,6 @@
63 .readNum div:nth-child(2) { 61 .readNum div:nth-child(2) {
64 height: 16px; 62 height: 16px;
65 font-size: 16px; 63 font-size: 16px;
66 font-family: PingFangSC-Medium, PingFang SC;
67 font-weight: 500; 64 font-weight: 500;
68 color: #4A4A4A; 65 color: #4A4A4A;
69 line-height: 16px; 66 line-height: 16px;
...@@ -77,7 +74,6 @@ ...@@ -77,7 +74,6 @@
77 width: 39px; 74 width: 39px;
78 height: 16px; 75 height: 16px;
79 font-size: 16px; 76 font-size: 16px;
80 font-family: PingFangSC-Regular, PingFang SC;
81 font-weight: 400; 77 font-weight: 400;
82 color: #4A4A4A; 78 color: #4A4A4A;
83 line-height: 16px; 79 line-height: 16px;
...@@ -88,7 +84,6 @@ ...@@ -88,7 +84,6 @@
88 width: 61px; 84 width: 61px;
89 height: 24px; 85 height: 24px;
90 font-size: 24px; 86 font-size: 24px;
91 font-family: PingFangSC-Medium, PingFang SC;
92 font-weight: 500; 87 font-weight: 500;
93 color: #4A4A4A; 88 color: #4A4A4A;
94 line-height: 24px; 89 line-height: 24px;
...@@ -111,7 +106,6 @@ ...@@ -111,7 +106,6 @@
111 width: 40px; 106 width: 40px;
112 height: 20px; 107 height: 20px;
113 font-size: 20px; 108 font-size: 20px;
114 font-family: PingFangSC-Medium, PingFang SC;
115 font-weight: bold; 109 font-weight: bold;
116 color: #4A4A4A; 110 color: #4A4A4A;
117 line-height: 20px; 111 line-height: 20px;
...@@ -132,7 +126,6 @@ ...@@ -132,7 +126,6 @@
132 width: 240px; 126 width: 240px;
133 height: 12px; 127 height: 12px;
134 font-size: 12px; 128 font-size: 12px;
135 font-family: PingFangSC-Regular, PingFang SC;
136 margin-top: 20px; 129 margin-top: 20px;
137 font-weight: 400; 130 font-weight: 400;
138 color: #9B9B9B; 131 color: #9B9B9B;
...@@ -143,7 +136,6 @@ ...@@ -143,7 +136,6 @@
143 margin-top: 20px; 136 margin-top: 20px;
144 height: 14px; 137 height: 14px;
145 font-size: 14px; 138 font-size: 14px;
146 font-family: PingFangSC-Regular, PingFang SC;
147 font-weight: 400; 139 font-weight: 400;
148 color: #006CFF; 140 color: #006CFF;
149 line-height: 14px; 141 line-height: 14px;
...@@ -165,21 +157,26 @@ ...@@ -165,21 +157,26 @@
165 border-radius: 50%; 157 border-radius: 50%;
166 overflow: hidden 158 overflow: hidden
167 } 159 }
168 .commentInputImg{ 160
161 .commentInputImg {
169 height: 100px; 162 height: 100px;
170 } 163 }
164
171 .commentInputImg, commentInputInput { 165 .commentInputImg, commentInputInput {
172 float: left; 166 float: left;
173 } 167 }
174 168
175 .commentInput input { 169 .commentInput textarea {
176 width: 800px;
177 height: 130px; 170 height: 130px;
178 background: #FFFFFF; 171 background: #FFFFFF;
179 border: 1px solid #DEDEDE; 172 border: 1px solid #DEDEDE;
180 margin-left: 20px; 173 margin-left: 20px;
181 } 174 }
182 175
176 .layui-textarea {
177 width: 93%!important;
178 }
179
183 .commentInput button { 180 .commentInput button {
184 width: 120px; 181 width: 120px;
185 height: 42px; 182 height: 42px;
...@@ -190,7 +187,161 @@ ...@@ -190,7 +187,161 @@
190 } 187 }
191 188
192 .CommentdetailsTitle { 189 .CommentdetailsTitle {
193 height: 80px; 190 height: auto;
191 margin-top: 20px;
192 }
193
194 .CommentdetailsTitle span:nth-child(1) {
195 width: 80px;
196 height: 20px;
197 font-size: 20px;
198 font-weight: 500;
199 color: #4A4A4A;
200 line-height: 20px;
201 }
202
203 .CommentdetailsTitle span:nth-child(3) {
204 width: 56px;
205 height: 14px;
206 font-size: 14px;
207 font-weight: 500;
208 color: #006CFF;
209 line-height: 14px;
210 }
211
212 .pl {
213 border-top: 1px solid #DEDEDE;
214 margin-top: 20px;
215 padding-top: 20px;
216 display: inline-block;
217 }
218
219 .pl-left, .pl-right {
220 float: left;
221 }
222
223 .pl-left img {
224 width: 50px;
225 height: 50px;
226 border-radius: 50%;
227 overflow: hidden;
228 }
229
230 .pl-right {
231 width: 80%;
232 }
233
234 .pl-right-top div {
235 float: left;
236 }
237
238 .pl-right-top div:nth-child(1) {
239 margin-left: 15px;
240 width: 42px;
241 height: 14px;
242 font-size: 14px;
243 font-weight: 500;
244 color: #9B9B9B;
245 line-height: 14px;
246 }
247
248 .pl-right-top div:nth-child(2) {
249 margin-left: 15px;
250 width: auto;
251 height: 14px;
252 font-size: 14px;
253 font-weight: 400;
254 color: #9B9B9B;
255 line-height: 14px;
256 }
257
258 .pl-right-body {
259 float: left;
260 margin-left: 15px;
261 width: 800px;
262 height: auto;
263 font-size: 14px;
264 font-weight: 400;
265 color: #4A4A4A;
266 line-height: 14px;
267 }
268
269 .pl-right-bottom div {
270 float: left;
271 }
272
273 .pl-right-bottom {
274 height: 12px;
275 font-size: 12px;
276 font-weight: 400;
277 color: #9B9B9B;
278 line-height: 12px;
279 display: inline-block;
280 margin-top: 10px;
281 }
282
283 .plhf:not(:last-child) {
284 border-bottom: 1px solid #DEDEDE;
285 }
286
287 .plhf-main {
288 background-color: #F7F7F7;
289 margin-top: 20px;
290 width: 800px;
291 margin-left: 15px;
292 }
293
294 .plhf {
295 padding: 20px;
296 display: inline-block;
297 width: 775px;
298 margin-left: 15px;
299 }
300
301 .plhf-top div {
302 float: left;
303 }
304
305 .plhf-top div:nth-child(1) {
306 height: 14px;
307 font-size: 14px;
308 font-family: PingFangSC-Medium, PingFang SC;
309 font-weight: 500;
310 color: #4A4A4A;
311 line-height: 14px;
312 }
313
314 .plhf-top div:nth-child(2) {
315 height: 14px;
316 width: 700px;
317 font-size: 14px;
318 font-family: PingFangSC-Regular, PingFang SC;
319 font-weight: 400;
320 color: #4A4A4A;
321 line-height: 14px;
322 }
323
324 .plhf-bottom div {
325 float: left;
326 height: 14px;
327 font-size: 14px;
328 font-family: PingFangSC-Regular, PingFang SC;
329 font-weight: 400;
330 color: #9B9B9B;
331 line-height: 14px;
332 }
333
334 .plhf-bottom div:nth-child(2) {
335 margin-left: 45px;
336 }
337
338 .pl-right-bottom div {
339 float: left;
340 margin-left: 15px;
341 }
342
343 .pl-right-bottom div:nth-child(2) {
344 margin-left: 50px;
194 } 345 }
195 346
196 .right { 347 .right {
...@@ -210,7 +361,6 @@ ...@@ -210,7 +361,6 @@
210 width: 100px; 361 width: 100px;
211 height: 18px; 362 height: 18px;
212 font-size: 18px; 363 font-size: 18px;
213 font-family: PingFangSC-Medium, PingFang SC;
214 font-weight: 500; 364 font-weight: 500;
215 color: #4A4A4A; 365 color: #4A4A4A;
216 line-height: 18px; 366 line-height: 18px;
...@@ -238,7 +388,6 @@ ...@@ -238,7 +388,6 @@
238 .tj-title { 388 .tj-title {
239 width: 203px; 389 width: 203px;
240 font-size: 14px; 390 font-size: 14px;
241 font-family: PingFangSC-Medium, PingFang SC;
242 font-weight: bold; 391 font-weight: bold;
243 color: #4A4A4A; 392 color: #4A4A4A;
244 line-height: 21px; 393 line-height: 21px;
...@@ -248,7 +397,6 @@ ...@@ -248,7 +397,6 @@
248 width: 90px; 397 width: 90px;
249 height: 12px; 398 height: 12px;
250 font-size: 12px; 399 font-size: 12px;
251 font-family: PingFangSC-Regular, PingFang SC;
252 font-weight: 400; 400 font-weight: 400;
253 color: #9B9B9B; 401 color: #9B9B9B;
254 line-height: 12px; 402 line-height: 12px;
...@@ -264,7 +412,6 @@ ...@@ -264,7 +412,6 @@
264 height: 18px; 412 height: 18px;
265 font-size: 18px; 413 font-size: 18px;
266 margin-top: 20px; 414 margin-top: 20px;
267 font-family: PingFangSC-Medium, PingFang SC;
268 font-weight: bold; 415 font-weight: bold;
269 color: #4A4A4A; 416 color: #4A4A4A;
270 line-height: 18px; 417 line-height: 18px;
...@@ -283,7 +430,6 @@ ...@@ -283,7 +430,6 @@
283 width: 200px; 430 width: 200px;
284 height: 14px; 431 height: 14px;
285 font-size: 14px; 432 font-size: 14px;
286 font-family: PingFangSC-Medium, PingFang SC;
287 font-weight: bold; 433 font-weight: bold;
288 color: #4A4A4A; 434 color: #4A4A4A;
289 line-height: 14px; 435 line-height: 14px;
...@@ -293,7 +439,6 @@ ...@@ -293,7 +439,6 @@
293 width: 200px; 439 width: 200px;
294 font-size: 14px; 440 font-size: 14px;
295 display: inline-block; 441 display: inline-block;
296 font-family: PingFangSC-Regular, PingFang SC;
297 font-weight: 400; 442 font-weight: 400;
298 color: #6D7278; 443 color: #6D7278;
299 line-height: 21px; 444 line-height: 21px;
...@@ -303,7 +448,6 @@ ...@@ -303,7 +448,6 @@
303 width: 90px; 448 width: 90px;
304 height: 12px; 449 height: 12px;
305 font-size: 12px; 450 font-size: 12px;
306 font-family: PingFangSC-Regular, PingFang SC;
307 font-weight: 400; 451 font-weight: 400;
308 color: #9B9B9B; 452 color: #9B9B9B;
309 line-height: 12px; 453 line-height: 12px;
......
...@@ -73,7 +73,8 @@ ...@@ -73,7 +73,8 @@
73 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg"> 73 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
74 </div> 74 </div>
75 <div class="commentInputInput"> 75 <div class="commentInputInput">
76 <input type="text"> 76 <!-- <input type="text">-->
77 <textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
77 </div> 78 </div>
78 <div> 79 <div>
79 <button class="layui-btn layui-btn-lg layui-btn-norma">发表</button> 80 <button class="layui-btn layui-btn-lg layui-btn-norma">发表</button>
...@@ -88,6 +89,95 @@ ...@@ -88,6 +89,95 @@
88 <span> 89 <span>
89 我的评论 90 我的评论
90 </span></div> 91 </span></div>
92 <div class="pl">
93 <div class="pl-left">
94 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
95 </div>
96 <div class="pl-right">
97 <div class="pl-right-top layui-row">
98
99 <div class="layui-col-md1"><span>李玉龙</span></div>
100 <div class="layui-col-md1"><span>2020/09/27</span></div>
101 </div>
102 <div class="pl-right-body">
103 <span>美国人不聪明，美国的富豪这么多，这些穷人为什么不凭本事借钱呢，凭本事借的钱，你不还他也拿你没办法</span>
104 </div>
105 <div class="plhf-main">
106 <div class="plhf">
107 <div class="plhf-body">
108 <div class="plhf-top">
109 <div>
110 <span>博文:</span>
111 </div>
112 <div>
113 <span>他们又不是中国人，几代人生活在美国，早就是美国人了，，管我们屁事啊</span>
114 </div>
115 </div>
116 <div class="plhf-bottom">
117 <div>
118 👍2人赞
119 </div>
120 <div>
121 回复
122 </div>
123 </div>
124 </div>
125 </div>
126 <div class="plhf">
127 <div class="plhf-body">
128 <div class="plhf-top">
129 <div>
130 <span>博文:</span>
131 </div>
132 <div>
133 <span>他们又不是中国人，几代人生活在美国，早就是美国人了，，管我们屁事啊</span>
134 </div>
135 </div>
136 <div class="plhf-bottom">
137 <div>
138 👍2人赞
139 </div>
140 <div>
141 回复
142 </div>
143 </div>
144 </div>
145 </div>
146 </div>
147
148 <div class="pl-right-bottom">
149 <div>
150 👍2人赞
151 </div>
152 <div>
153 回复
154 </div>
155 </div>
156 </div>
157 </div>
158
159 <div class="pl">
160 <div class="pl-left">
161 <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1938529415,777611275&fm=26&gp=0.jpg">
162 </div>
163 <div class="pl-right">
164 <div class="pl-right-top">
165 <div><span>李玉龙</span></div>
166 <div><span>2020/09/27</span></div>
167 </div>
168 <div class="pl-right-body">
169 <span>美国人不聪明，美国的富豪这么多，这些穷人为什么不凭本事借钱呢，凭本事借的钱，你不还他也拿你没办法</span>
170 </div>
171 <div class="pl-right-bottom">
172 <div>
173 👍2人赞
174 </div>
175 <div>
176 回复
177 </div>
178 </div>
179 </div>
180 </div>
91 </div> 181 </div>
92 </div> 182 </div>
93 </div> 183 </div>
......