1 |
- {"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js!D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\educate\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\educate\\index.vue","mtime":1691993564219},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuc3RyaW5nLnNlYXJjaC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLnJlZ2V4cC5leGVjLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvd2ViLmRvbS1jb2xsZWN0aW9ucy5mb3ItZWFjaC5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IHdlYnNpdGVUcmFpbkluZm9QYWdlIH0gZnJvbSAiQC9zZXJ2aWNlL2FwaV9zZXJ2aWNlIjsKaW1wb3J0IEJhc2UgZnJvbSAnQC92aWV3cy9iYXNlL2Jhc2UnOwppbXBvcnQgQmFzZURhdGEgZnJvbSAnQC92aWV3cy9iYXNlL2Jhc2VEYXRhJzsKZXhwb3J0IGRlZmF1bHQgewogIG1peGluczogW0Jhc2UsIEJhc2VEYXRhXSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGNfa2V5OiBbJ3RyYWluVHlwZSddLAogICAgICBhY3RpdmU6ICcnLAogICAgICB0b3RhbDogMCwKICAgICAgY3VycmVudFBhZ2U6IDEsCiAgICAgIHpzTGlzdDogWy8vIHsKICAgICAgICAvLyAgICAgaW1nOiduMS5wbmcnLAogICAgICAgIC8vICAgICBuYW1lOifkupLogZTnvZHnp4Hli5/lpoLkvZXlhaXpl6gnLAogICAgICAgIC8vICAgICBldmVudEluZGV4OjEsCiAgICAgICAgLy8gICAgIGNyZWF0ZVRpbWU6JzIwMTItMTItMTInLAogICAgICAgIC8vICAgICBudW06MSwKICAgICAgICAvLyAgICAgc3RhdHVzOjEsCiAgICAgICAgLy8gICAgIGRldGFpbDon5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6Zeo5LqS6IGU572R56eB5Yuf5aaC5L2V5YWl6ZeoJwogICAgICAgIC8vIH0sCiAgICAgIF0sCiAgICAgIHRyYWluVHlwZTogW10sCiAgICAgIHNlYXJjaDogewogICAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgICBwYWdlTnVtOiAxLAogICAgICAgIHB1Ymxpc2hTdGF0dXM6ICcyJwogICAgICB9CiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgdGhpcy5pbml0RGljdCh0aGlzLmRjX2tleSwgdHJ1ZSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgIF90aGlzLnRyYWluVHlwZSA9IF90aGlzLmRjX2RhdGEudHJhaW5UeXBlOwoKICAgICAgX3RoaXMuZ2V0RGF0YSgpOwogICAgfSk7CiAgICBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc2Nyb2xsVG9wID0gZG9jdW1lbnQuYm9keS5zY3JvbGxUb3AgPSAwOyAvL+WbnuWIsOmhtumDqAogIH0sCiAgbWV0aG9kczogewogICAgY2hhbmdlVHlwZTogZnVuY3Rpb24gY2hhbmdlVHlwZShhY3RpdmUpIHsKICAgICAgdGhpcy5zZWFyY2gucGFnZU51bSA9IDE7CiAgICAgIHRoaXMuYWN0aXZlID0gYWN0aXZlOwogICAgICB0aGlzLmdldERhdGEoKTsKICAgIH0sCiAgICBoYW5kbGVDdXJyZW50Q2hhbmdlOiBmdW5jdGlvbiBoYW5kbGVDdXJyZW50Q2hhbmdlKHZhbCkgewogICAgICB0aGlzLnNlYXJjaC5wYWdlTnVtID0gdmFsOwogICAgICB0aGlzLmdldERhdGEoKTsKICAgIH0sCiAgICBnZXREYXRhOiBmdW5jdGlvbiBnZXREYXRhKCkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKCiAgICAgIGlmICh0aGlzLmFjdGl2ZSA9PT0gMCkgewogICAgICAgIHRoaXMuc2VhcmNoLnRyYWluVHlwZSA9ICcnOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuc2VhcmNoLnRyYWluVHlwZSA9IHRoaXMuYWN0aXZlOwogICAgICB9CgogICAgICB3ZWJzaXRlVHJhaW5JbmZvUGFnZSh0aGlzLnNlYXJjaCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5yb3dzKSB7CiAgICAgICAgICBkZWJ1Z2dlcjsKICAgICAgICAgIF90aGlzMi50b3RhbCA9IHJlcy50b3RhbDsKICAgICAgICAgIF90aGlzMi56c0xpc3QgPSBbXTsKICAgICAgICAgIHJlcy5yb3dzLmZvckVhY2goZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICAgICAgdmFyIHVybCA9ICcnOwoKICAgICAgICAgICAgaWYgKGl0ZW0udHJhaW5Bbm5leCAmJiBpdGVtLnRyYWluQW5uZXgubGVuZ3RoID4gMikgewogICAgICAgICAgICAgIHZhciBhbm5leCA9IF90aGlzMi4kY29tbW9uLmNhc3RFdmFsKGl0ZW0udHJhaW5Bbm5leCk7CgogICAgICAgICAgICAgIHVybCA9IGFubmV4WzBdLnVybDsKICAgICAgICAgICAgfQoKICAgICAgICAgICAgdmFyIGkgPSB7CiAgICAgICAgICAgICAgaWQ6IGl0ZW0uaWQsCiAgICAgICAgICAgICAgaW1nOiBfdGhpczIuJGNvbW1vbi5yZXBsYWNlV3hEb3dubG9hZCh1cmwpLAogICAgICAgICAgICAgIG5hbWU6IGl0ZW0udHJhaW5UaXRsZSwKICAgICAgICAgICAgICBjcmVhdGVUaW1lOiBfdGhpczIuJGNvbW1vbi50cmFuc1NlcnZEYXRlKGl0ZW0ucHVibGlzaERhdGUpLAogICAgICAgICAgICAgIG51bTogaXRlbS5wYXJ0YWtlTnVtYmVyLAogICAgICAgICAgICAgIHN0YXR1czogaXRlbS5yZWdpc3RyYXRpb25TdGF0dXMsCiAgICAgICAgICAgICAgZGV0YWlsOiAnJywKICAgICAgICAgICAgICBvbmxpbmVPZmZsaW5lU3RhdHVzOiBpdGVtLm9ubGluZU9mZmxpbmVTdGF0dXMKICAgICAgICAgICAgfTsKCiAgICAgICAgICAgIF90aGlzMi56c0xpc3QucHVzaChpKTsKICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogICAgZGV0YWlsOiBmdW5jdGlvbiBkZXRhaWwoaW5kZXgpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goewogICAgICAgIHBhdGg6ICcvc2VydmljZS9lZHVjYXRlLWRldGFpbD9pZD0nICsgaW5kZXgKICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n <div class=\"banner\">\r\n <img src=\"~@/assets/images/yxfw.jpg\" alt=\"\">\r\n </div>\r\n <div class=\"bread\">\r\n <div>\r\n <span>当前位置:首页-园区培训</span>\r\n <div>\r\n <ul class=\"area-nav\">\r\n <li><router-link :to=\"{path: '/service/characteristic'}\">服务特色</router-link></li>\r\n <li><router-link :to=\"{path: '/service/periphery'}\">园区周边</router-link></li>\r\n <li><router-link :to=\"{path: '/service/activities'}\">园区活动</router-link></li>\r\n <li class=\"tabs\"><router-link :to=\"{path: '/service/educate'}\">园区培训</router-link></li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"smart-device\">\r\n <div class=\"smart-title\">\r\n <span><span>园区培训</span>PARK TRAINING</span>\r\n </div>\r\n <div class=\"smart-device-content\">\r\n <div class=\"nav-company\">\r\n <div>\r\n <ul>\r\n <li v-for=\"item in trainType\" :class=\"active===item.value?'active':''\" @click=\"changeType(item.value)\">\r\n <span>{{item.label}}</span>\r\n </li>\r\n<!-- <li :class=\"active==0?'active':''\" @click=\"changeType(0)\"><span>全部</span></li>-->\r\n<!-- <li :class=\"active==1?'active':''\" @click=\"changeType(1)\"><span>投资知识</span></li>-->\r\n<!-- <li :class=\"active==2?'active':''\" @click=\"changeType(2)\"><span>产业政策</span></li>-->\r\n<!-- <li :class=\"active==3?'active':''\" @click=\"changeType(3)\"><span>消防安全</span></li>-->\r\n<!-- <li :class=\"active==4?'active':''\" @click=\"changeType(4)\"><span>入职培训</span></li>-->\r\n<!-- <li :class=\"active==5?'active':''\" @click=\"changeType(5)\"><span>职业培训</span></li>-->\r\n </ul>\r\n </div>\r\n </div>\r\n <ul class=\"company-list\">\r\n <li v-for=\"(item,index) in zsList\" :key=\"index\" @click=\"detail(item.id)\">\r\n <div class=\"wrap-device-detail\">\r\n <div class=\"c-logo\">\r\n <img :src=\"'https://smartpark.idea-sf.com'+item.img\" alt=\"\">\r\n </div>\r\n <div class=\"wrap-content\">\r\n <div class=\"c-content\">\r\n <span>{{item.createTime}}</span>\r\n <h3>{{item.name}}</h3>\r\n </div>\r\n <div class=\"detail-btn\" v-if=\"item.onlineOfflineStatus=='线下'\">\r\n <div class=\"a-status\">\r\n <span v-if=\"item.status==2\" class=\"over\">已结束</span>\r\n <span v-else class=\"loading\">报名中</span>\r\n <span v-if=\"item.status==1\"class=\"loading\">线下</span>\r\n </div>\r\n <div class=\"a-option\">\r\n <span>参与人数:{{item.num}}</span>\r\n <span>查看详情</span>\r\n </div>\r\n </div>\r\n <div class=\"detail-btn\" v-else>\r\n <div class=\"a-status\">\r\n <span class=\"loading\" style=\"background:#C5B2ED\" >可观看</span>\r\n </div>\r\n <div class=\"a-option\">\r\n <span style=\"background: #674FB0;color: white\">查看详情</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"paginationo-box\">\r\n <van-pagination v-model=\"search.pageNum\" :total-items=\"total\" :show-page-size=\"10\" @change=\"handleCurrentChange\">\r\n <template #prev-text>\r\n <van-icon name=\"arrow-left\" />\r\n </template>\r\n <template #next-text>\r\n <van-icon name=\"arrow\" />\r\n </template>\r\n <template #page=\"{ text }\">{{ text }}</template>\r\n </van-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {websiteTrainInfoPage} from \"@/service/api_service\";\r\nimport Base from '@/views/base/base'\r\nimport BaseData from '@/views/base/baseData'\r\nexport default {\r\n mixins: [Base, BaseData],\r\n data () {\r\n return {\r\n dc_key: ['trainType'],\r\n active:'',\r\n total:0,\r\n currentPage:1,\r\n zsList:[\r\n // {\r\n // img:'n1.png',\r\n // name:'互联网私募如何入门',\r\n // eventIndex:1,\r\n // createTime:'2012-12-12',\r\n // num:1,\r\n // status:1,\r\n // detail:'互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门互联网私募如何入门'\r\n // },\r\n\r\n ],\r\n trainType:[],\r\n search:{\r\n pageSize:10,\r\n pageNum:1,\r\n publishStatus:'2'\r\n }\r\n }\r\n },\r\n mounted() {\r\n this.initDict(this.dc_key,true).then((res) => {\r\n this.trainType = this.dc_data.trainType\r\n this.getData()\r\n })\r\n document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n },\r\n methods: {\r\n changeType(active){\r\n this.search.pageNum = 1\r\n this.active=active\r\n this.getData()\r\n },\r\n handleCurrentChange: function(val) {\r\n this.search.pageNum = val\r\n this.getData()\r\n },\r\n getData(){\r\n if(this.active===0){\r\n this.search.trainType=''\r\n }else{\r\n this.search.trainType=this.active\r\n }\r\n websiteTrainInfoPage(this.search).then((res)=>{\r\n if(res.rows){\r\n debugger\r\n this.total = res.total\r\n this.zsList = []\r\n res.rows.forEach(item=>{\r\n let url = ''\r\n if(item.trainAnnex&&item.trainAnnex.length>2){\r\n const annex = this.$common.castEval(item.trainAnnex)\r\n url = annex[0].url\r\n }\r\n const i = {\r\n id:item.id,\r\n img:this.$common.replaceWxDownload(url),\r\n name:item.trainTitle,\r\n createTime:this.$common.transServDate(item.publishDate),\r\n num:item.partakeNumber,\r\n status:item.registrationStatus,\r\n detail:'',\r\n onlineOfflineStatus:item.onlineOfflineStatus\r\n }\r\n this.zsList.push(i)\r\n })\r\n }\r\n })\r\n },\r\n detail(index){\r\n this.$router.push({path:'/service/educate-detail?id='+index})\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n .banner img{\r\n width: 100% !important;\r\n }\r\n @media screen and (min-width: 1000px){\r\n .bread{\r\n background: #fff;\r\n position: relative;\r\n }\r\n .bread>div{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n padding: 0.8rem 0;\r\n font-size: 1rem;\r\n position: relative;\r\n }\r\n .area-nav{\r\n position:absolute;\r\n right: 0;\r\n top: 0.8rem;\r\n width: 40%;\r\n text-align: right;\r\n }\r\n .area-nav{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n }\r\n .area-nav li{\r\n flex: 1;\r\n text-align: center;\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom:0.7rem;\r\n }\r\n .area-nav a{\r\n color: #333;\r\n }\r\n .smart-title{\r\n margin-top:3rem;\r\n }\r\n .smart-device{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n }\r\n .smart-device span span{\r\n font-size: 2rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .nav-company{\r\n margin: 3rem 0;\r\n }\r\n .nav-company>div{\r\n width: 97%;\r\n margin: 0 auto;\r\n background: #fff;\r\n padding: 1rem 0;\r\n }\r\n .nav-company ul{\r\n display: flex;\r\n width: 80%;\r\n margin: 0 auto;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n }\r\n .nav-company ul li{\r\n width: 6rem;\r\n text-align: center;\r\n cursor: pointer;\r\n }\r\n .nav-company ul li span{\r\n width: 80%;\r\n margin: 0 auto;\r\n display: inline-block;\r\n text-align: center;\r\n color: #333;\r\n }\r\n .wrap-device-detail{\r\n background: #fff;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n padding: 1rem 0;\r\n overflow: hidden;\r\n }\r\n .smart-device-content .company-list{\r\n\r\n }\r\n .smart-device-content .company-list li{\r\n margin-bottom: 2rem;\r\n }\r\n .c-logo{\r\n float: left;\r\n text-align: center;\r\n width: 30%;\r\n }\r\n .c-logo img{\r\n width: 90%;\r\n height:9rem;\r\n\r\n }\r\n .wrap-content{\r\n float: left;\r\n width: 70%;\r\n }\r\n .c-content,.detail-btn{\r\n width: 90%;\r\n margin: 1rem auto;\r\n overflow: hidden;\r\n }\r\n .c-content span{\r\n color: #674FB0;\r\n }\r\n .c-content h3{\r\n font-size: 1rem;\r\n margin: 1rem 0;\r\n }\r\n .c-content p{\r\n font-size: 0.8rem;\r\n line-height: 1.6rem;\r\n height: 3rem;\r\n overflow: hidden;\r\n margin: 1rem 0;\r\n }\r\n .detail-btn{\r\n margin-bottom: 1rem;\r\n }\r\n .detail-btn .a-status{\r\n float: left;\r\n }\r\n .detail-btn .a-option{\r\n float: right;\r\n }\r\n .detail-btn span{\r\n display: inline-block;\r\n padding: 0 1rem;\r\n margin-right: 10px;\r\n color: #fff;\r\n }\r\n .a-status .over{\r\n background: #666;\r\n }\r\n .a-status .loading{\r\n background: #FF6A00;\r\n }\r\n .a-option span{\r\n color: #666;\r\n }\r\n .a-option span:nth-child(2){\r\n display: inline-block;\r\n text-align: center;\r\n background: #674FB0;\r\n color: #fff;\r\n }\r\n .active{\r\n background: #674FB0;\r\n }\r\n .active span{\r\n color: #fff!important;\r\n }\r\n .tabs{\r\n border-bottom:2px solid #674FB0!important;\r\n }\r\n .paginationo-box{\r\n width: 20%;\r\n margin: 0 auto;\r\n }\r\n }\r\n @media screen and (max-width: 1000px){\r\n .zc-content{\r\n display: none;\r\n }\r\n .banner{\r\n display: none;\r\n }\r\n .bread{\r\n display: none;\r\n }\r\n .smart-title{\r\n margin-top:2rem;\r\n }\r\n .smart-device{\r\n width: 90%;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n overflow: hidden;\r\n }\r\n .smart-device span span{\r\n font-size: 1.5rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .nav-company{\r\n margin: 3rem 0;\r\n box-shadow: 10px 10px 10px #dedede;\r\n }\r\n .nav-company>div{\r\n width: 100%;\r\n margin: 0 auto;\r\n background: #fff;\r\n padding: 1rem 0;\r\n }\r\n .nav-company ul{\r\n overflow: hidden;\r\n width: 80%;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n .nav-company ul li{\r\n width: 5rem;\r\n overflow: hidden;\r\n text-align: center;\r\n cursor: pointer;\r\n margin-top: 1rem;\r\n }\r\n .nav-company ul li span{\r\n width: 80%;\r\n margin: 0 auto;\r\n display: inline-block;\r\n text-align: center;\r\n border: 1px solid #674FB0;\r\n color: #674FB0;\r\n padding: 0 4px;\r\n }\r\n .wrap-device-detail{\r\n background: #fff;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n padding-top: 1rem;\r\n overflow: hidden;\r\n }\r\n .smart-device-content .company-list{\r\n\r\n }\r\n .smart-device-content .company-list li{\r\n margin-bottom: 2rem;\r\n }\r\n .c-logo img{\r\n width: 100%;\r\n height:9rem;\r\n\r\n }\r\n .c-logo{\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n .wrap-content{\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n .c-content,.detail-btn{\r\n width: 98%;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n }\r\n .c-content span{\r\n color: #674FB0;\r\n margin: 10px 0;\r\n display: inline-block;\r\n /*display: none;*/\r\n }\r\n .c-content h3{\r\n font-size: 1rem;\r\n margin-bottom: 0.6rem;\r\n }\r\n .c-content p{\r\n font-size: 0.8rem;\r\n line-height: 1rem;\r\n height: 2rem;\r\n overflow: hidden;\r\n margin: 0.5rem 0;\r\n }\r\n .detail-btn{\r\n margin-bottom: 0.5rem;\r\n }\r\n .detail-btn>div{\r\n margin-bottom: 0.6rem;\r\n overflow: hidden;\r\n }\r\n .detail-btn .a-status{\r\n\r\n }\r\n .detail-btn .a-status span:first-child{\r\n\r\n }\r\n .detail-btn .a-option span:first-child{\r\n text-align: left;\r\n float: left;\r\n padding: 0;\r\n }\r\n .detail-btn .a-option span:last-child{\r\n text-align: center;\r\n float: right;\r\n }\r\n .detail-btn .a-option{\r\n\r\n }\r\n .detail-btn .a-option span{\r\n\r\n }\r\n .detail-btn span{\r\n display: inline-block;\r\n padding: 0 1rem;\r\n font-size: 0.8rem;\r\n }\r\n .a-status .over{\r\n background: #666;\r\n }\r\n .a-status .loading{\r\n background: #FF6A00;\r\n }\r\n .a-option span{\r\n color: #666;\r\n }\r\n .a-option span:nth-child(2){\r\n display: inline-block;\r\n text-align: center;\r\n background: #674FB0;\r\n color: #fff;\r\n }\r\n .active{\r\n background: #674FB0;\r\n }\r\n .active span{\r\n color: #fff!important;\r\n }\r\n }\r\n .paginationo-box /deep/ .van-pagination__item--active{\r\n background: #8366E3!important;\r\n color: #fff!important;\r\n }\r\n .paginationo-box /deep/ .van-pagination__item{\r\n color: #333;\r\n }\r\n</style>\r\n"],"sourceRoot":"src/views/services/educate"}]}
|