zym-配置

.gitlab-ci.yml

+variables:
+  DOCKER_DRIVER: overlay2
+# cache:
+#   key: "$CI_COMMIT_REF_NAME"
+#   paths:
+#     - node_modules
+stages:
+  - compile
+  - build
+  - deploy
+compile:
+  stage: compile
+  image: node:9
+  script:
+    - npm config set registry https://registry.npm.taobao.org
+    - npm install
+    - npm run build
+  artifacts:
+    expire_in: 15 mins
+    paths:
+      - dist
+build:
+  stage: build
+  image: docker:dind
+  script:
+    - docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY_URL
+    - docker build -t $CI_REGISTRY_URL/platform/lanzhou-transportation:1.0 .
+    - docker push $CI_REGISTRY_URL/platform/lanzhou-transportation:1.0
+  only:
+    - master
+
+deploy:
+  stage: deploy
+  image: $CI_REGISTRY_URL/library/rancher-gitlab-deploy
+  script:
+    - upgrade --environment sl-prod --stack lanzhou --service lanzhou-transportation --new-image $CI_REGISTRY_URL/platform/lanzhou-transportation:1.0 --finish-upgrade
+  only:
+    - master

default.conf

+upstream cr_server {
+	server 172.19.95.252:8080 weight=100 max_fails=1 fail_timeout=10s;
+}
+server {
+    listen       80;
+    server_name  localhost;
+		
+	#开启压缩提高速度
+	gzip on;
+    gzip_min_length 1k;
+    gzip_comp_level 9;
+    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
+    gzip_vary on;
+    gzip_disable "MSIE [1-6]\.";
+
+    #charset koi8-r;
+    #access_log  /var/log/nginx/log/host.access.log  main;
+
+	root   /usr/share/nginx/html;
+    index  index.html index.htm;
+	location @rewrites {
+		  rewrite ^(.+)$ /index.html last;
+	}
+    location ~  /.*/api  {
+	      proxy_set_header X-Real-IP $remote_addr;
+	      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+	      proxy_set_header Host $http_host;
+	      proxy_set_header X-NginX-Proxy true;
+	      proxy_pass http://cr_server${request_uri};
+	      proxy_redirect off;
+		  client_max_body_size 300m;
+	}	
+}

src/views/top/top-component1.vue

 <template>
   <div class="top-component">
     <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+      <!-- <img src="./../../assets/images/兰州_03.png" alt="" /> -->
+      <h1>三棱综合交通运行信息中心</h1>
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -57,6 +58,28 @@ export default {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  .top-title{
+    // color: #fff;
+    font-size: 20px;
+    color: #47f1f0;
+     font-family: "经典圆体繁", "microsoft yahei", "Arial Rounded MT Bold",
+          "Helvetica Rounded", Arial, sans-serif;
+        display: block;
+        color: #f1ebe5;
+        background: -webkit-linear-gradient(
+          top,
+          #47f1f0,
+          #47f1f0,
+          #c8c2d4
+        ); //为文本元素提供渐变背景
+        -webkit-text-fill-color: transparent; //使用透明颜色填充文本
+        -webkit-background-clip: text; //用文本剪辑背景，用渐变背景作为颜色填充文本
+        // text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
+        font-weight: bold;
+        letter-spacing: 10px;
+        text-align: center;
+        border-radius: 20px;
+  }
   .top-list {
     width: 100%;
     margin-top: 5%;

src/views/top/top-component2.vue

 <template>
   <div class="top-component2">
     <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+       <!-- <img src="./../../assets/images/兰州_03.png" alt="" /> -->
+      <h1>三棱综合交通运行信息中心</h1>
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -47,6 +48,28 @@ export default {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  .top-title{
+    // color: #fff;
+    font-size: 20px;
+    color: #47f1f0;
+     font-family: "经典圆体繁", "microsoft yahei", "Arial Rounded MT Bold",
+          "Helvetica Rounded", Arial, sans-serif;
+        display: block;
+        color: #f1ebe5;
+        background: -webkit-linear-gradient(
+          top,
+          #47f1f0,
+          #47f1f0,
+          #c8c2d4
+        ); //为文本元素提供渐变背景
+        -webkit-text-fill-color: transparent; //使用透明颜色填充文本
+        -webkit-background-clip: text; //用文本剪辑背景，用渐变背景作为颜色填充文本
+        // text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
+        font-weight: bold;
+        letter-spacing: 10px;
+        text-align: center;
+        border-radius: 20px;
+  }
   .top-list {
     width: 100%;
     margin-top: 5%;

src/views/top/top-component3.vue

 <template>
   <div class="top-component3">
     <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+       <!-- <img src="./../../assets/images/兰州_03.png" alt="" /> -->
+      <h1>三棱综合交通运行信息中心</h1>
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -45,6 +46,28 @@ export default {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  .top-title{
+    // color: #fff;
+    font-size: 20px;
+    color: #47f1f0;
+     font-family: "经典圆体繁", "microsoft yahei", "Arial Rounded MT Bold",
+          "Helvetica Rounded", Arial, sans-serif;
+        display: block;
+        color: #f1ebe5;
+        background: -webkit-linear-gradient(
+          top,
+          #47f1f0,
+          #47f1f0,
+          #c8c2d4
+        ); //为文本元素提供渐变背景
+        -webkit-text-fill-color: transparent; //使用透明颜色填充文本
+        -webkit-background-clip: text; //用文本剪辑背景，用渐变背景作为颜色填充文本
+        // text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
+        font-weight: bold;
+        letter-spacing: 10px;
+        text-align: center;
+        border-radius: 20px;
+  }
   .top-list {
     width: 100%;
     margin-top: 5%;

src/views/top/top-component4.vue

 <template>
   <div class="top-component3">
     <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+      <!-- <img src="./../../assets/images/兰州_03.png" alt="" /> -->
+      <h1>三棱综合交通运行信息中心</h1>
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -51,6 +52,28 @@ export default {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  .top-title{
+    // color: #fff;
+    font-size: 20px;
+    color: #47f1f0;
+     font-family: "经典圆体繁", "microsoft yahei", "Arial Rounded MT Bold",
+          "Helvetica Rounded", Arial, sans-serif;
+        display: block;
+        color: #f1ebe5;
+        background: -webkit-linear-gradient(
+          top,
+          #47f1f0,
+          #47f1f0,
+          #c8c2d4
+        ); //为文本元素提供渐变背景
+        -webkit-text-fill-color: transparent; //使用透明颜色填充文本
+        -webkit-background-clip: text; //用文本剪辑背景，用渐变背景作为颜色填充文本
+        // text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
+        font-weight: bold;
+        letter-spacing: 10px;
+        text-align: center;
+        border-radius: 20px;
+  }
   .top-list {
     width: 100%;
     margin-top: 5%;

src/views/top/top-component5.vue

 <template>
   <div class="top-component5">
     <div class="top-title">
-      <img src="./../../assets/images/兰州_03.png" alt="" />
+      <!-- <img src="./../../assets/images/兰州_03.png" alt="" /> -->
+      <h1>三棱综合交通运行信息中心</h1>
     </div>
     <div class="top-list">
       <div class="l-item">
@@ -51,6 +52,28 @@ export default {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  .top-title{
+    // color: #fff;
+    font-size: 20px;
+    color: #47f1f0;
+     font-family: "经典圆体繁", "microsoft yahei", "Arial Rounded MT Bold",
+          "Helvetica Rounded", Arial, sans-serif;
+        display: block;
+        color: #f1ebe5;
+        background: -webkit-linear-gradient(
+          top,
+          #47f1f0,
+          #47f1f0,
+          #c8c2d4
+        ); //为文本元素提供渐变背景
+        -webkit-text-fill-color: transparent; //使用透明颜色填充文本
+        -webkit-background-clip: text; //用文本剪辑背景，用渐变背景作为颜色填充文本
+        // text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
+        font-weight: bold;
+        letter-spacing: 10px;
+        text-align: center;
+        border-radius: 20px;
+  }
   .top-list {
     width: 100%;
     margin-top: 5%;