{"id":2831,"date":"2023-01-17T18:44:26","date_gmt":"2023-01-17T10:44:26","guid":{"rendered":"https:\/\/www.hbygxx.com\/?page_id=2831"},"modified":"2024-10-10T11:02:36","modified_gmt":"2024-10-10T03:02:36","slug":"%e5%85%ac%e5%8f%b8%e5%8a%a8%e6%80%81","status":"publish","type":"page","link":"https:\/\/www.hbygxx.com\/?page_id=2831","title":{"rendered":"\u516c\u53f8\u52a8\u6001"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u9ed8\u8ba4\u9996\u9875<\/title>\n    <!-- \u751f\u4ea7\u73af\u5883\u7248\u672c\uff0c\u4f18\u5316\u4e86\u5c3a\u5bf8\u548c\u901f\u5ea6 -->\n<script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxAxios.js\"><\/script>\n    <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxVue2.js\"><\/script>\n    <!-- \u5f15\u5165\u6837\u5f0f Element-UI -->\n    <link rel=\"stylesheet\" href=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/element-ui\/lib\/theme-chalk\/index.css\">\n    <!-- \u5f15\u5165\u7ec4\u4ef6\u5e93 -->\n    <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/element-ui\/lib\/index.js\"><\/script>\n    <!-- <link rel=\"stylesheet\" href=\".\/\u516c\u53f8\u52a8\u6001.css\"> -->\n    <style>\n      body {\n  margin: 0;\n  padding: 0;\n}\n#ggNews {\n  width: 100%;\n  height: 1510px;\n  background-color: #f5f5f5;\n}\n#ggNews .centerContent {\n  width: 1400px;\n  height: 100%;\n  margin: 10px auto;\n}\n#ggNews .centerContent .searchBox {\n  width: 100%;\n  height: 120px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n#ggNews .centerContent .searchBox .searchInput {\n  width: 60%;\n  height: 60px;\n  line-height: 60px;\n  padding: 0 10px;\n  border: 1px solid #409eff;\n  outline: none;\n  box-sizing: border-box;\n  color: #333;\n  font-size: 16px;\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n}\n#ggNews .centerContent .searchBox .searchBtn {\n  cursor: pointer;\n  width: 100px;\n  height: 60px;\n  background-color: #409eff;\n  color: white;\n  font-size: 16px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  border-top-right-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n#ggNews .centerContent .cellBox {\n  width: 100%;\n  height: 1260px;\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n}\n#ggNews .centerContent .cellBox .cell:hover {\n  color: #409eff;\n  cursor: pointer;\n}\n#ggNews .centerContent .cellBox .cell {\n  width: calc((100% - 40px)\/3);\n  height: 400px;\n  background-color: white;\n  margin-top: 20px;\n  position: relative;\n  color: #333;\n  border: 1px solid #ddd;\n  box-sizing: border-box;\n}\n#ggNews .centerContent .cellBox .cell .coverImg {\n  width: 100%;\n  height: calc(100% - 110px);\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n}\n#ggNews .centerContent .cellBox .cell .timeBox {\n  width: 90px;\n  height: 100px;\n  position: absolute;\n  top: 0px;\n  left: 20px;\n  z-index: 2;\n  background-color: #eaeaea;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-evenly;\n}\n#ggNews .centerContent .cellBox .cell .timeBox .day {\n  font-size: 46px;\n  font-weight: 800;\n}\n#ggNews .centerContent .cellBox .cell .timeBox .mouth {\n  font-size: 16px;\n}\n#ggNews .centerContent .cellBox .cell .infoBox {\n  width: 100%;\n  height: 150px;\n  padding: 10px 20px;\n  box-sizing: border-box;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  background-color: white;\n}\n#ggNews .centerContent .cellBox .cell .infoBox .tit {\n  width: 100%;\n  height: 50px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 50px;\n  font-size: 20px;\n}\n#ggNews .centerContent .cellBox .cell .infoBox .subTit {\n  width: 100%;\n  height: 60px;\n  overflow: hidden;\n  line-height: 30px;\n  font-size: 16px;\n}\n#ggNews .centerContent .cellBox .marginLeft {\n  margin-left: 20px;\n}\n#ggNews .centerContent .pageBox {\n  width: 100%;\n  height: 80px;\n  margin-top: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n    <\/style>\n\n\n\n    <div id=\"ggNews\">\n        <div class=\"centerContent\">\n            <div class=\"searchBox\">\n                <input class=\"searchInput\" type=\"text\" placeholder=\"\u8bf7\u8f93\u5165\u6587\u7ae0\u6807\u9898\" v-model=\"searchContent\">\n                <div class=\"searchBtn\" @click=\"clickSearchBtn\"> <i class=\"el-icon-search\"><\/i>\u641c\u7d22<\/div>\n            <\/div>\n            <div class=\"cellBox\">\n                <div v-for=\"(item,idx) in dataList\" :key=\"idx\" :class=\"idx%3==0? 'cell':'cell marginLeft'\" @click=\"openWindow(item.pop_url)\">\n                  <img :src=\"item.logo_url\" class=\"coverImg\">\n                    <div class=\"timeBox\">\n                        <span class=\"day\">{{item.time[2]}}<\/span>\n                        <span class=\"mouth\">{{item.time[0]}}.{{item.time[1]}}<\/span>\n                    <\/div>\n                    <div class=\"infoBox\">\n                        <div class=\"tit\">{{item.title}}<\/div>\n                        <div class=\"subTit\">{{item.sub_title}}<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"pageBox\">\n                <el-pagination background=\"\" layout=\"prev, pager, next , jumper\" :page-size=\"10\" :total=\"pageTotal\" @current-change=\"handleCurrentPageChange\" :current-page.sync=\"currentPageSync\">\n                <\/el-pagination>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n\n        var app = new Vue({\n            el: '#ggNews',\n            created() {\n                this.reloadData(0)\n            },\n            computed: {\n                currentPageSync(){\n                    return this.currentPage + 1;\n                }\n            },\n            data: {\n                searchContent: '',\n                currentPage: 0,\n                pageTotal: 10,\n                dataList: [],\n\n            },\n            methods: {\n                handleCurrentPageChange(page) {\n                    this.reloadData(page - 1)\n                },\n\n                clickSearchBtn(){\n                    this.reloadData(0)\n                },\n\n                reloadData(page) {\n                    this.currentPage = page;\n                    let url = 'https:\/\/www.hbygxx.com:9100\/api\/wordpress\/alldts_search';\n                    let body = { 'limit': 9, 'page': page,searchText:this.searchContent };\n                    let that = this;\n                    axios.post(url, body).then(res => {\n                        that.pageTotal = res.data.data.count;\n                        let arrayAll = res.data.data.dataList;\n                        arrayAll.forEach(element => {\n                            let date = element.time;\n                            let _time = date.split('T');\n                            element.time = _time[0].split('-');\n                        });\n                        that.dataList = res.data.data.dataList;\n                    })\n                },\n\n                openWindow(url) {\n                    window.open(url, '_blank');\n                },\n                getTimeArray(date) {\n                    let year = date.getFullYear();\n                    let month = date.getMonth() + 1;\n                    month = month < 10 ? `0${month}` : month\n                    let day = date.getDate();\n                    day = day < 10 ? `0${day}` : day;\n                    return [year,month,day];\n                }\n\n            }\n        })\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u9ed8\u8ba4\u9996\u9875 \u641c\u7d22 {{item.time[2]}} {{item.time[0]}}.{{item.time[1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-2831","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2831"}],"version-history":[{"count":10,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2831\/revisions"}],"predecessor-version":[{"id":3256,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2831\/revisions\/3256"}],"wp:attachment":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}