detailsindex.vue 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433
  1. <template>
  2. <div class="details_index_box">
  3. <div class="details_index_content">
  4. <div class="schCrumb">
  5. <a href="">学科资源</a>
  6. <a href="">初中</a>
  7. <a href="">语文</a>
  8. </div>
  9. <div class="content_box">
  10. <div class="content_box_left">
  11. <div class="box_left_title"><div class="title_name">2017年全国各地中考作文题汇总</div></div>
  12. <ul class="zy_info xy_ldetail f14 clearfix">
  13. <li><span class="t_tit">试卷</span></li>
  14. <li class="mgl20 mgr5">
  15. <span class="admin_a" style="color:#3d95d5; text-decoration:none;">
  16. 刘文春
  17. </span>
  18. </li>
  19. <li class="c888">
  20. 上传于
  21. <i class="c555 mgl5">
  22. 2019-01-14
  23. </i>
  24. </li>
  25. <li class="mgr20 mgl20"><em class="c888 mgr5">44</em>人浏览</li>
  26. <li class="mgr20 mgl20"><em class="c888 mgr5">2</em>人传播</li>
  27. <li class="mgr20">
  28. <em class="mgr5" style=" font-style: normal;">
  29. 2
  30. </em>下载
  31. </li>
  32. <li>
  33. 暂无简介
  34. </li>
  35. </ul>
  36. <div class="cite">
  37. <link rel="stylesheet" href="http://css.huijiaoyun.com/tianyu_edu/html_other_edu/player/css/player.css">
  38. <iframe src="http://res.huijiaoyun.com:22021//data9/transform/2019/1/14/21/56/8b188019f7f1406694fbd52154840654/28870b8a84e5b7fe607419a194d09699.doc/html4/transform.html" style="width:780px;min-height:480px;margin-bottom: 0px; border: 1px solid #CFCFCF; padding: 0 0;"></iframe>
  39. </div>
  40. <div class="m-tag pdb30 learfix">
  41. <p class="z_tit1 pdr10">总体印象</p>
  42. <div class="tag-a"><a href="javascript:;" impressid="8d2e8bdb091d41b1a947cb81bd570e92" class="green1">内容充实(<i>0</i>)</a><a href="javascript:;" impressid="d2b48051161f40708c49e5b4af6f32a6" class="green1">原创精品(<i>0</i>)</a><a href="javascript:;" impressid="6c0ae2834d8d4c87aea55e5a62f67e31" class="green1">趣味性强(<i>0</i>)</a><a href="javascript:;" impressid="cc1b09f998434e9f8be563b66e0b4f23" class="green1">实用性强(<i>0</i>)</a><a href="javascript:;" impressid="bccbd0b2e96e42fd8bcd6dc41efc482c" class="green1">制作精美(<i>0</i>)</a><a href="javascript:;" impressid="cc3901c3984f4de596cc3f726bb83b47" class="green1">内容生动(<i>0</i>)</a><a href="javascript:;" impressid="ceb20657fc334fd39240441edc92f9e3" class="green1">互动性强(<i>0</i>)</a><a href="javascript:;" impressid="3d1e03ee7c8f4659b8ba705e0d48c59d" class="green1">思路新颖(<i>0</i>)</a><a href="javascript:;" impressid="39d16f8013b64c22a28e934ff2b8c367" class="red1">质量一般(<i>0</i>)</a><a href="javascript:;" impressid="75bd9cf378264167933e607947d6e922" class="red1">不符合教学要求(<i>0</i>)</a><a href="javascript:;" impressid="97ac0c33614f41589351620f8ceaa975" class="red1">应用价值不高(<i>0</i>)</a></div>
  43. </div>
  44. </div>
  45. <div class="content_box_right">
  46. <div class="yx_phlist mgt25" style="bottom: 10px;">
  47. <h3 class="c222">相关资源推荐</h3>
  48. <dl>
  49. <dt class="clearfix">
  50. <img src="http://css.huijiaoyun.com/tianyu_edu/common/images/resource_icon/file.png" class="imgbox_img">
  51. <p class="sub_title w160">
  52. <a href="goResDetailInfo.html?productCode=PD0001448259" title="&quot;福建省清流县2013年初中历史毕业生学业质量检测试题(扫描版">
  53. "福建省清流县2013年初中历史毕业生学业...
  54. </a>
  55. </p>
  56. </dt>
  57. <dd>
  58. <div class="grade_outer2 fl png_bg mgr10 mgt5">
  59. <div class="grade_inner grade_inner2 png_bg" style="width:86.6%;"></div>
  60. <input type="hidden" value="0">
  61. </div>
  62. <em class="fl"><i>4.3</i>(7)</em>
  63. </dd>
  64. </dl>
  65. <dl>
  66. <dt class="clearfix">
  67. <img src="http://css.huijiaoyun.com/tianyu_edu/common/images/resource_icon/doc.png">
  68. <p class="sub_title w160">
  69. <a href="goResDetailInfo.html?productCode=PD3546983" title="湖北省武汉市2016年中考物理模拟题.doc">
  70. 湖北省武汉市2016年中考物理模拟题.do...
  71. </a>
  72. </p>
  73. </dt>
  74. <dd>
  75. <div class="grade_outer2 fl png_bg mgr10 mgt5">
  76. <div class="grade_inner grade_inner2 png_bg" style="width:91.2%;"></div>
  77. <input type="hidden" value="0">
  78. </div>
  79. <em class="fl"><i>4.6</i>(9)</em>
  80. </dd>
  81. </dl>
  82. <dl>
  83. <dt class="clearfix">
  84. <img src="http://css.huijiaoyun.com/tianyu_edu/common/images/resource_icon/doc.png">
  85. <p class="sub_title w160">
  86. <a href="goResDetailInfo.html?productCode=PD3546981" title="湖北省武汉市2016年中考数学模拟题.doc">
  87. 湖北省武汉市2016年中考数学模拟题.do...
  88. </a>
  89. </p>
  90. </dt>
  91. <dd>
  92. <div class="grade_outer2 fl png_bg mgr10 mgt5">
  93. <div class="grade_inner grade_inner2 png_bg" style="width:70%;"></div>
  94. <input type="hidden" value="0">
  95. </div>
  96. <em class="fl"><i>3.5</i>(2)</em>
  97. </dd>
  98. </dl>
  99. <dl>
  100. <dt class="clearfix">
  101. <img src="http://css.huijiaoyun.com/tianyu_edu/common/images/resource_icon/doc.png">
  102. <p class="sub_title w160">
  103. <a href="goResDetailInfo.html?productCode=PD662316472852283392" title="2017年湖北省武汉市中考语文试卷.doc">
  104. 2017年湖北省武汉市中考语文试卷.doc...
  105. </a>
  106. </p>
  107. </dt>
  108. <dd>
  109. <div class="grade_outer2 fl png_bg mgr10 mgt5">
  110. <div class="grade_inner grade_inner2 png_bg" style="width:94.2%;"></div>
  111. <input type="hidden" value="0">
  112. </div>
  113. <em class="fl"><i>4.7</i>(7)</em>
  114. </dd>
  115. </dl>
  116. <dl>
  117. <dt class="clearfix">
  118. <img src="http://css.huijiaoyun.com/tianyu_edu/common/images/resource_icon/doc.png">
  119. <p class="sub_title w160">
  120. <a href="goResDetailInfo.html?productCode=PD662319984843685888" title="2017年湖北省武汉市中考化学试卷.doc">
  121. 2017年湖北省武汉市中考化学试卷.doc...
  122. </a>
  123. </p>
  124. </dt>
  125. <dd>
  126. <div class="grade_outer2 fl png_bg mgr10 mgt5">
  127. <div class="grade_inner grade_inner2 png_bg" style="width:0%;"></div>
  128. <input type="hidden" value="0">
  129. </div>
  130. <em class="fl"><i>0</i>(0)</em>
  131. </dd>
  132. </dl>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </template>
  139. <script>
  140. </script>
  141. <style scoped>
  142. .details_index_box {
  143. width:100%;
  144. height:auto;
  145. }
  146. .details_index_content {
  147. width:1200px;
  148. height:auto;
  149. margin:0 auto;
  150. }
  151. .schCrumb {
  152. background: url(../../assets/image/resource/guider2.png) no-repeat 12px center;
  153. padding-left: 41px;
  154. margin-top: 27px;
  155. font-size:14px;
  156. }
  157. .schCrumb a {
  158. display: inline-block;
  159. background: url(../../assets/image/resource/guider2_bg2.gif) no-repeat left center;
  160. padding-left: 22px;
  161. color: #222;
  162. text-decoration: none;
  163. margin-right: 14px;
  164. outline: none;
  165. }
  166. .content_box {
  167. width:100%;
  168. height:auto;
  169. }
  170. .content_box_left {
  171. width: 70%;
  172. float: left;
  173. border: #dbd8d8 solid 1px;
  174. margin-bottom:45px;
  175. margin-top:20px;
  176. }
  177. .box_left_title {
  178. width: 100%;
  179. padding-left: 15px;
  180. padding-right: 15px;
  181. }
  182. .title_name {
  183. width: 100%;
  184. padding-left: 7px;
  185. font-size: 20px;
  186. font-family: "Microsoft YaHei";
  187. line-height: 80px;
  188. padding-top: 3px;
  189. }
  190. ul.zy_info {
  191. padding-bottom: 10px;
  192. }
  193. ul.zy_info li {
  194. float: left;
  195. list-style: none;
  196. }
  197. .mgl20 {
  198. margin-left: 20px;
  199. margin-right: 5px;
  200. float:left;
  201. }
  202. .c888, a.c888 {
  203. color: #888;
  204. font-style: normal;
  205. }
  206. .mgl5 {
  207. margin-left: 5px;
  208. font-style: normal;
  209. }
  210. .mgr20 {
  211. margin-right: 20px;
  212. margin-left: 20px;
  213. font-size: 14px;
  214. font-style: normal;
  215. }
  216. ul.zy_info li span.t_tit {
  217. border: 1px solid #d9d9d9;
  218. color: #5db859;
  219. height: 16px;
  220. padding: 0 2px;
  221. border-radius: 2px;
  222. display: block;
  223. line-height: 16px;
  224. top: 3px;
  225. font-size: 12px;
  226. position: relative;
  227. }
  228. ul.zy_info li .admin_a {
  229. background: url(../../assets/image/resource/user.gif) 0 0px no-repeat;
  230. padding-left: 25px;
  231. top: 0px;
  232. }
  233. .grade_wrap, .grade_show {
  234. height: 12px;
  235. font-size: 12px;
  236. line-height: 12px;
  237. }
  238. .fl {
  239. float: left;
  240. font-style: normal;
  241. }
  242. .f14 {
  243. font-size: 14px;
  244. }
  245. .grade_outer, .grade_outer2 {
  246. width: 70px;
  247. height: 12px;
  248. font-size: 0;
  249. line-height: 0;
  250. background: url(../../assets/image/resource/star_2.png);
  251. position: relative;
  252. cursor: pointer;
  253. margin-left: 25px;
  254. }
  255. .grade_inner {
  256. height: 12px;
  257. font-size: 0;
  258. line-height: 0;
  259. background: url(../../assets/image/resource/star_1.png);
  260. position: absolute;
  261. left: 0;
  262. top: 0;
  263. cursor: pointer;
  264. cursor: default;
  265. }
  266. input, select, textarea {
  267. color: #222;
  268. font-size: 12px;
  269. line-height: 140%;
  270. resize: none;
  271. outline: none;
  272. font-family: "microsoft yahei";
  273. }
  274. .mglr5 {
  275. margin-left: 5px;
  276. margin-right: 5px;
  277. }
  278. .orange, a.orange {
  279. color: #ed7822;
  280. font-style: normal;
  281. }
  282. .cite {
  283. margin-top:25px;
  284. }
  285. .m-tag {
  286. margin-top: 55px;
  287. }
  288. .pdb30 {
  289. padding-bottom: 30px;
  290. }
  291. .z_tit1 {
  292. font-size: 22px;
  293. color: #222;
  294. font-family: "Microsoft YaHei";
  295. padding-bottom: 10px;
  296. }
  297. .m-tag .tag-a {
  298. overflow: hidden;
  299. zoom: 1;
  300. }
  301. .m-tag .tag-a a.green1 {
  302. background: #dffae2;
  303. border: #a6e1ca solid 1px;
  304. color: #3d8a61;
  305. }
  306. .m-tag .tag-a a {
  307. float: left;
  308. padding: 0 12px;
  309. line-height: 28px;
  310. margin: 0px 4px 10px 0px;
  311. text-decoration: none;
  312. font-size: 14px;
  313. }
  314. em, i {
  315. font-style: normal;
  316. }
  317. .m-tag .tag-a a.red1 {
  318. background: #ffd9d0;
  319. border: #edac9d solid 1px;
  320. color: #c0543b;
  321. }
  322. .m-tag .tag-a a {
  323. float: left;
  324. padding: 0 12px;
  325. line-height: 28px;
  326. margin: 0px 4px 10px 0px;
  327. text-decoration: none;
  328. font-size: 14px;
  329. }
  330. .content_box_right {
  331. width:20%;
  332. float:left;
  333. }
  334. .mgt25 {
  335. margin-top: 19px;
  336. bottom: 10px;
  337. margin-left:25px;
  338. }
  339. .yx_phlist h3 {
  340. font-size: 20px;
  341. border-bottom: 2px solid #d9d9d9;
  342. padding: 8px 5px;
  343. font-family: "Microsoft YaHei";
  344. font-weight: normal;
  345. background-color: #fff;
  346. }
  347. .yx_phlist dl {
  348. height: 80px;
  349. width: 220px;
  350. margin: 0 auto;
  351. border-bottom: 1px solid #e0e0e0;
  352. }
  353. .yx_phlist dl dt {
  354. padding-top: 10px;
  355. display: block;
  356. }
  357. .yx_phlist dl dt img {
  358. width: 32px;
  359. float: left;
  360. padding-right: 8px;
  361. padding-top: 3px;
  362. }
  363. .xy_w250 .yx_phlist dl dt p.sub_title {
  364. width: 180px;
  365. line-height: 18px;
  366. }
  367. .yx_phlist dl dt p.sub_title {
  368. float: left;
  369. width: 178px;
  370. line-height: 16px;
  371. height: 38px;
  372. overflow: hidden;
  373. }
  374. .yx_phlist dl dt p.sub_title a {
  375. color: #222;
  376. }
  377. a, a:visited {
  378. text-decoration: none;
  379. }
  380. .yx_phlist dl dd {
  381. padding-left: 40px;
  382. }
  383. .grade_outer, .grade_outer2 {
  384. width: 70px;
  385. height: 12px;
  386. font-size: 0;
  387. line-height: 0;
  388. background: url(../../assets/image/resource/star_2.png);
  389. position: relative;
  390. cursor: pointer;
  391. cursor: default;
  392. margin-top: 5px;
  393. margin-right: 10px;
  394. float: left;
  395. }
  396. .grade_inner2 {
  397. cursor: default;
  398. }
  399. .grade_inner {
  400. height: 12px;
  401. font-size: 0;
  402. line-height: 0;
  403. background: url(../../assets/image/resource/star_1.png);
  404. position: absolute;
  405. left: 0;
  406. top: 0;
  407. cursor: pointer;
  408. }
  409. input, select, textarea {
  410. color: #222;
  411. font-size: 12px;
  412. line-height: 140%;
  413. resize: none;
  414. outline: none;
  415. font-family: "microsoft yahei";
  416. }
  417. .yx_phlist dl dd em {
  418. color: #555;
  419. font-size: 12px;
  420. }
  421. .yx_phlist dl dd i {
  422. color: #ff9000;
  423. /*font-size: 20px;*/
  424. font-family: "Microsoft YaHei";
  425. float: left;
  426. font-style: normal;
  427. }
  428. </style>