更新

src/views/live/service/index.vue

@@ -4,134 +4,40 @@
       <div class="w_1200">
         <div class="servicemain">
           <div class="serviceOne">
-            <div class="left">
-              <div class="leftTop">
-                <span>智慧推荐</span>
-                <a href="">MORE</a>
-              </div>
-              <div class="list">
-                <ul>
-                  <li>
-                    <div class="image">
-                      <img :src="img" />
-                    </div>
-                    <div class="info">
-                      <p class="textOver">标题表头</p>
-                      <p>
-                        标题
-                      </p>
-                    </div>
-                  </li>
-                  <li>
-                    <div class="image">
-                      <img :src="img" />
-                    </div>
-                    <div class="info">
-                      <p class="textOver">标题表头</p>
-                      <p>
-                        标题
-                      </p>
-                    </div>
-                  </li>
-                  <li>
-                    <div class="image">
-                      <img :src="img" />
-                    </div>
-                    <div class="info">
-                      <p class="textOver">标题表头</p>
-                      <p>
-                        标题
-                      </p>
-                    </div>
-                  </li>
-                  <li>
-                    <div class="image">
-                      <img :src="img" />
-                    </div>
-                    <div class="info">
-                      <p class="textOver">标题表头</p>
-                      <p>
-                        标题
-                      </p>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-            </div>
-            <div class="right">
-              <div class="rightTop">
-                <span>技术评估</span>
-                <a href="">MORE</a>
-              </div>
-              <div class="list">
-                <ul>
-                  <li>
-                    <img :src="img" />
-                    <p class="textOver">标题</p>
-                  </li>
-                  <li>
-                    <img :src="img" />
-                    <p class="textOver">标题</p>
-                  </li>
-                  <li>
-                    <img :src="img" />
-                    <p class="textOver">标题</p>
-                  </li>
-                  <li>
-                    <img :src="img" />
-                    <p class="textOver">标题</p>
-                  </li>
-                </ul>
-              </div>
+            <div class="infoleft">
+              <div class="lefttop"><span class="title"> |</span> 政务公开</div>
+              <ul>
+                <li><img :src="img1" /></li>
+                <li><img :src="img2" /></li>
+                <li><img :src="img3" /></li>
+                <li><img :src="img4" /></li>
+                <li><img :src="img5" /></li>
+                <li><img :src="img6" /></li>
+                <li><img :src="img7" /></li>
+                <li><img :src="img8" /></li>
+              </ul>
             </div>
-          </div>
-          <div class="serviceTwo">
-            <div class="serviceTop">
-              <span>知识产权</span>
-              <a href="">MORE</a>
+            <div class="inforight">
+              <div class="lefttop"><span class="title"> |</span> 常用服务</div>
+              <ul>
+                <li><img :src="img9" /></li>
+                <li><img :src="img10" /></li>
+                <li><img :src="img11" /></li>
+                <li><img :src="img12" /></li>
+                <li><img :src="img13" /></li>
+                <li><img :src="img14" /></li>
+              </ul>
             </div>
-            <div class="list">
+
+            <div class="infocontext">
+              <div class="contexttop"><span class="title"> |</span> 公众参与</div>
               <ul>
-                <li>
-                  <p>
-                    <span>标题</span>
-                    <span>授信时间：2020-02-02</span>
-                  </p>
-                  <p>产权类型：计算机科学</p>
-                  <p>
-                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
-                  </p>
-                </li>
-                <li>
-                  <p>
-                    <span>标题</span>
-                    <span>授信时间：2020-02-02</span>
-                  </p>
-                  <p>产权类型：计算机科学</p>
-                  <p>
-                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
-                  </p>
-                </li>
-                <li>
-                  <p>
-                    <span>标题</span>
-                    <span>授信时间：2020-02-02</span>
-                  </p>
-                  <p>产权类型：计算机科学</p>
-                  <p>
-                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
-                  </p>
-                </li>
-                <li>
-                  <p>
-                    <span>标题</span>
-                    <span>授信时间：2020-02-02</span>
-                  </p>
-                  <p>产权类型：计算机科学</p>
-                  <p>
-                    简介：知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权知识产权
-                  </p>
-                </li>
+                <li><img :src="img15" class="newimg" /></li>
+                <li><img :src="img16" class="newimg" /></li>
+                <li><img :src="img17" class="newimg" /></li>
+                <li><img :src="img18" class="newimg" /></li>
+                <li><img :src="img19" class="newimg" /></li>
+                <li><img :src="img20" class="newimg" /></li>
               </ul>
             </div>
           </div>
@@ -150,6 +56,26 @@ export default {
   data: () => {
     return {
       img: require('@/assets/live/测试图片.jpg'),
+      img1: require('@/assets/live/zhengwu1.jpg'),
+      img2: require('@/assets/live/zhengwu2.jpg'),
+      img3: require('@/assets/live/zhengwu3.jpg'),
+      img4: require('@/assets/live/zhengwu4.jpg'),
+      img5: require('@/assets/live/zhengwu5.jpg'),
+      img6: require('@/assets/live/zhengwu6.jpg'),
+      img7: require('@/assets/live/zhengwu7.jpg'),
+      img8: require('@/assets/live/zhengwu8.jpg'),
+      img9: require('@/assets/live/changyong1.jpg'),
+      img10: require('@/assets/live/changyong2.jpg'),
+      img11: require('@/assets/live/changyong3.jpg'),
+      img12: require('@/assets/live/changyong4.jpg'),
+      img13: require('@/assets/live/changyong5.jpg'),
+      img14: require('@/assets/live/changyong6.jpg'),
+      img15: require('@/assets/live/gongzhong1.jpg'),
+      img16: require('@/assets/live/gongzhong2.jpg'),
+      img17: require('@/assets/live/gongzhong3.jpg'),
+      img18: require('@/assets/live/gongzhong4.jpg'),
+      img19: require('@/assets/live/gongzhong5.jpg'),
+      img20: require('@/assets/live/gongzhong6.jpg'),
     };
   },
   created() {},
@@ -166,4 +92,78 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.w_1200 {
+  margin: 0 auto;
+  width: 1200px;
+  min-height: 600px;
+}
+.infoleft {
+  height: 320px;
+  box-shadow: 0 0 10px #2d64b3;
+  width: 590px;
+  float: left;
+}
+.inforight {
+  height: 320px;
+  box-shadow: 0 0 10px #2d64b3;
+  width: 590px;
+  float: left;
+  margin: 0 0 0 15px;
+}
+.lefttop {
+  width: 96%;
+  height: 41px;
+  line-height: 35px;
+  border-bottom: 1px solid #e5e5e5;
+  position: relative;
+  bottom: 1px;
+  margin: 10px 10px 20px 10px;
+}
+.title {
+  padding: 0px 0 1px 1px;
+  background: #005293;
+}
+
+.infoleft ul li {
+  float: left;
+  width: 120px;
+  height: 115px;
+  margin: 0 13px 10px 14px;
+}
+
+.inforight ul li {
+  float: left;
+  width: 169px;
+  height: 115px;
+  margin: 0 13px 15px 14px;
+}
+.infocontext {
+  height: 237px;
+  box-shadow: 0 0 10px #2d64b3;
+  width: 100%;
+  float: left;
+
+  margin: 25px 0 0 0;
+}
+.contexttop {
+  width: 98%;
+  height: 41px;
+  line-height: 35px;
+  border-bottom: 1px solid #e5e5e5;
+  position: relative;
+  bottom: 1px;
+  margin: 10px 10px 20px 10px;
+}
+
+.infocontext ul li {
+  float: left;
+  width: 185px;
+  height: 146px;
+  margin: 0px 0px 0 13px;
+  // margin: 0 13px 15px 14px;
+}
+.newimg {
+  width: 185px;
+}
+</style>

vue.config.js

@@ -27,7 +27,7 @@ module.exports = {
         target: 'http://free.liaoningdoupo.com',
       },
       '/api/setting': {
-        target: 'http://10.16.10.72:9000',
+        target: 'http://free.liaoningdoupo.com',
         // target: 'http://free.liaoningdoupo.com', //http://free.liaoningdoupo.com
         changeOrigin: true,
         ws: true,
@@ -54,13 +54,13 @@ module.exports = {
         // pathRewrite: { '^/api/affairs': '/api' },
       },
       '/api/talent': {
-        target: 'http://10.16.10.72:9008',
+        target: 'http://free.liaoningdoupo.com',
         changeOrigin: true,
         ws: true,
         // pathRewrite: { '^/api/affairs': '/api' },
       },
       '/api/market': {
-        target: 'http://10.16.10.72:9004',
+        target: 'http://free.liaoningdoupo.com',
         changeOrigin: true,
         ws: true,
         // pathRewrite: { '^/api/affairs': '/api' },