活动详情，旅游、营地、新闻、活动列表

assets/styles/base.scss

@@ -139,7 +139,7 @@ input[disabled] {
   border-bottom: 1px solid #DFDFDF;
 }
 .mint-second-menu li:last-child{
-  border-bottom: none;
+  border-bottom: none !important;
 }
 .mint-second-menu li.active {
   color:#34C1A8;

components/goTop.vue

@@ -73,6 +73,6 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 9;
+    z-index: 99;
   }
 </style>

components/head.vue

@@ -7,10 +7,9 @@
         class="flex-aic"
         @click="$router.push('/')">
         <img
-          style="width: 20px"
-          src="https://mgmt.dfangche.com/xxfccn/image/1/app/5d9c62b7412efd926f70e0ed5efb19a.png"
+          style="width: 100px"
+          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK8AAAA8CAYAAAAQYOqYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWM5ZDk3ZC02OTQwLWJkNGYtODJjMC02MTdkYTY5MDlkYmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkY2REY2MjJDREY0MTFFOTg2MEFGN0Y1MTg4RTBFNDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkY2REY2MjFDREY0MTFFOTg2MEFGN0Y1MTg4RTBFNDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjVjOTM3ZWMtMTIxZS03MjRmLTliN2UtYzU1NGU2NTMzOTA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmY5YzlkOTdkLTY5NDAtYmQ0Zi04MmMwLTYxN2RhNjkwOWRiYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhTuVdgAACBiSURBVHja7F0LfFTVnf7m3nllZpLJJAQSSBASoAJSFFCwglQkVWq7KgjVrVi7bcFut1rbbqG7Xa3r/rqyte1u/e0qdNu1WrWF1sfqWisIqKi4CAiCyCuBBMg7mUnm/br7P+eeO7m5uZNMHrj255zkP+fec19nzv3ud77zP+eesSiKgnzIhz/HIOWLIB/y4M2HfPiQg1VbsFgspjv87AfXVJaPr9pXPXVmOBoOPZtMJn5y9Yr7Gs93xnY8c99ESZa/7XJ5bpCdrjGxWPyqy6/+mz1m++alz8czWLQbbwZeAq5M0asFLvcVtZ9dCVmS+X49PV1dPT3dbybisT/E47Gnlq74x+hIM/LK0/c67XbHLWQr3J6iTxV5fT6Wt3QqBU9ZJWKxUPepYwfKFl7zvXgevPnQh3mzhPvIroiEQ2Dm8RRx8Bb7xvh8pWOvkyT5OoLXr47tfbwnHAmdikXCB4iZDxCg3+n2d719/Zd+FjGe8LnH7i7wFpfOt9nt82xW+2xHQcHFBQXuCwqLvIUSnTudTnPAspiBMhaLoqK4EJ60rSjQ4d1Op1iYv235MCDzEuvWUvQnbR/Z7sX0GTNQVTUJhV4vLJIEAi8kWY3VdTJZVmNKSyQTBEJCokVS6Oy0iyRbbXYoAqA8ThNQU2qspFMZ8PZ0B9DYeAotLc1Yvno1ZSJG26M4tG/v+suW/MOGPPPmgyl4CbjlFL1LNo6tn20OYP8JAjCJiGJ3EhPKi3HR9MmoqZmC8ZUT4CspMwWvRSxbaBlMAghwmoG3q7MNTWcacfzkSRx+vw5nmv3wB2Wk0hasuW0uPr/8Wto/hkjInz5y8Mgli6776cE8ePPg7QNeAi7zQGwlW8LWu3ui2H8shIVL/gJXX70I7713BAcPHsEHHxyHkuyEy5FGocuGCyaWo2rCOJRXjEVxcQmZDwVuN+wOBxxOF1X/ESRiMYTDYQS6uuDv6kBzcysazzTjVEMzesIJhGMS4kk3yseVko1BxdgxOHriFFqbjuLeH9yImmkVQCqKs40tXadOnBt77c2bknnw5jWvPvydBtxEIoXjDUGUVszA8uXXMZhgwYI5uOzSi5FMJokt/Th+oh6nT59FU0srDhw/i4D/IIpcCUgWBex5kJheoONojZhbQTxBupZERCBkg9tdhKJCN7xF0zBhkhelJT447FbOxEnBzNOqJ6KpuR2PPPwC7rtvOVLJFGSL5LNAeokytDR/C/PMy5n3oXuvvZJ5qcgklv5BfSfqWr24//7vodDjQYoAlSLQpghUyURSXSegpVJJXv0zQDNwdQd6ECALEsvGojFi3TisVlVCOOw2OB12ikn7KurxTEqw41K6xho/L9fBCkLhKN54+wCWzHdgxYor0BOIIBiM4dyZtjtX3/XkQ3nm/ZiD95F/um6M0LkT2PqZ5h7sO5bA7V/5KmZMn0LATHGwqqBVtSoDrQpodVtaAC6VTAtgMyAm1XRmyaQAptYwUxlWa6SpgNU0cS942f5txPL1p4/jpmsnopLkSTCYQHd3NBUOBmd8454/HMvlyz72sxXXUrQ+x7LpIfsPshcN6Y+T3TbM8p5EVm9IOy3S9WEyU3CD3jwiHPp/gBZ3i2X0jbOl8fVii2TpkvrvYzE/DqpBXQZf1sW9zWf98s308VRvmsLbPvSxjD5eEss8bdFNTwxfNlit0mMacGOxJI42xDH/8sWooWo7HAoTePsClgMvmRSegjQHNwNg0gBYfowGbh0o2TZFHMcAiwzbqukc/ARc1QOhwONywuMpw0uvNuK6JXYk4jKCPXE5pWAXZXlsjt+XNUQX57jvZrJlJulbhlC+LrLP6NbHZtnnBt16mKyV7HpzwKqI0UBF4a9NwDaPzJNJI+0m9Qe0R93GpF2f4z+d2UcPVJaWuT529u8WUIwxazvdo4JTS+dAfZs+XsqkaQAeieYl8GY6GiJxIBS1YPr0qYiEI6osSKmA4uBMpvoAli+nEiqQCU0pDt6Uuj2tdjRwwDIwCuAnKGaATVPm2X59ASukBPdEKCroab8itwvnWi2ktTvg9TjgLeSFues81UrPkv3QJP37ZN/JcgzLyw8MYH1mkOuUGfY5bQCznmX7LFN8hOJzJiz7nxTP7pPOAZwTO+/IgWUtBpYtEmDVg/d6Aub0zHovy/4rfRRD6Zv++u9W9YJZUXgrSQ/wK7/4rH8g8N5F0TWMCXxFTkwab8X27btw0/JlmcYTY9BkUl/NayysCKAlOVhVMKpA1wM2o2kVJcPeaSXNWV0RnRJJOocqFVTA8utyNlbQ1NaBSeUSynxOPUvdNQKANqrsYBoOkU0zSb98gPP5R+GhSZqwbIBAdYMAbojWEwJsgX4ANGdZZGFZ5MCyyIFlmdvyAhOWBQwgpI+n9HLBuF0xSRfS1pIVvKvvfrbxtw8tf4gW17H1qRd48Mddx9HRMZ8aV44+gFUbWJomZUwcgSUd4Bdi/cmypPCCstiQ0UqS1FtY1G6j8yj8HCprJzmba42/YCiNc210hxJpwbppxElrxxMRTLmgkD1oWrYfuuXOZxpvvXvYQOm87e4/PCr0sHHb10cBiN1k/ybOZdelMy2dIJtIdqMu/TjZL0xY1k/xzhy1bDaWDZKlhqhlLSqr9tOy/WN99d8PnAOkm7Csdp7ehrgyuKuMQMEaCd8ms00Y60ZleQiHDh3FrJnTMgyrMqNONlBckD4Cm5yA1SbDRsCy22VhVh47HFZhNtWcNt54SyYTSCUSBFIGZDp3PMVZmDUKO7tSeO5VCwFWZeCuQBBV5TLlqRCyzIs3kUujJgfX4GDAGyh8nqx6oIeD7FuCwZcZdPNOIUFu1LHsRop/QqC62CAPzKv5obHsIorfHSLLFhNwurIDdlCWxTBZ1nD+HG7mTV//fcszv/jC83SG5aw3bXyZE0eP1WNazcRMgysltG+vLzYFlz1uxuojCl6PgmlVSez9QOFSpCcUwcypDqoFZG2X529cs7lliKf1DGHfJ4QN5j2ozuFczxjAu0yAd5mBZV8cosdgKFp2HvcwDM1j4MmRZSfpQMo8On80Ae93yH6VE8sOAtqsTETM+TRFy9lyZYUbuw+2IUTAYV82my82ZbXCKqdGvcU0oSxN16drKPSQENFWlfv0kuHpUbhEGcmFbw0C4DYtOwYwM2ZOD3J+xqDUQEGhwWPwNfqcT/GntJ5NihVafFiA7e8MABxPIH3XwLJJIQUeIJZ9KQct+4thaNnTw2DZvzfZ3kygfZjiSDaWXXzr8yPvYZNl6ZVMU7nEjXGlbWhtpda915PVF9sUHwOfpxul3viogtddAD64J0YyoqJMxthSN4E3U+KvjMIlxg8iPXbqwDvR4GZjvuUjg5y/WH+MjmV9tLzYxL+qpckGlrVRNDsLyz46in5ZY/wcIezOIWjZT9PHQhMt+y8CuH9BK/9oYNkd9DGsVks/8C677YnmbU+tZjeszEMk5yqwocvfzbXqQL7YRNxBMoKykVYbZOPGEPjHjLAHhQnbZJI31gpIJ7tcNmJ4vqmt9pbHmj/kDp0qw3pOksXELzvaWjZXj8FeioIDNrr6s+xvCXSzh6Bl7zHRsh308QsB2BJanm2QBR+M5tgGyFb5LAOvTFvZWINwJIp4LN4HsB5nDGWlqmuYF7TEvAwW7lUIxyzo8KdGDF5WCEnhnnM4HHA6MpLh7CgBMkT2DlNIZDUGScC6yQO6tBmGYxsEKx/QpdUbWHY36y0zgOxBilfo0u6n+FcGLVtiYNkOir9LMTu2VHeuhyjelSPLfpVK9N0s4L2D4jsMWvYR+nhLsGkuHoMF9HGViZZ9UH1osmrZ6KiC12qVMzeNeQuC3er4BL0vtqw8DLczzQuRg1a28CqdNfTkMD1u/vTIoUXfk3s06Jp2m0ysmwFvYJTAe+K2u//wadK9dxo8C/UmHQUzDesnye4dhGXjFPsNLBk3sGxEUl1h2j5piosNLBtU5QF+mAGvep3tFJ0YhpY1smy5yohK37SheQzuMdGyrLGyh+KLddLLrNfzilcf/1xogPv0/uLVL8RzAi812hzaMpGs2iOWiIuuYDauN4UChwrO1k4L6s8qpE/TuHSWCi6F9/amRwO7vCeOXZOVB3PFieAYZUnQncM+l5sU+u1k+wg8B016v1g8keL6QTwGPyIA/0jHsqcpviG7p2HYWpb0vbJ/CH7Zeym+15AeJYvR3fgkrTYYzjPDxGPAbti2Qcr1GmEDBTbW41SussGd+dppFbzJRAKTK2LEgAo3VlQhkuCHTiZpWxox/lzYBODVxtxoUK/W08YeIqs1A173h6x3L9TGfehYdg19rqH4CQLVrVm0rPcj0Ps1mn5ZJ8VO3hU8DL/saAdz2WCT+AAS1gBLptTMFNji8BWl+xRWdzCNyeMVnGlJE/P2bmDfZzSYl5UD9ynT7eL5oDss8Fv2IYP3MwOMMVgwgH+VSYCAwS/rklTvgZYWMUiJ7lH2GGhATHO5pTA2VDwGlo33urFy6v1K/3+CNit439v5TeaTHKeCV6LGWpw0rZu0b7JfR0RFmcQLeUqVjWveXvASY47CGFtVNqT5ZSORBK3biH35Q1H+3o5vFs666qGeD6OQ6CvePoDHoIbisRS3mrDse7RcKToINHB/lZ7BL+pY9nsUH8r4bsEbYBefB5ZtpkXWY1ZL6y8bgPqg6p8dUe/XJzH4PCB/SfbvhrQX2OiE4cg6q0ljbYq2HCcJ7e9OwOthOliTCgpOnU3wm1NdaSXGlfuDTgyoGUrYfziAw8d6UETXWjSnMFMK/J03+mP5iCcVFHoy5cPyuf/8gpYDivUYXWLCqJIujdgX/52l9+tCWt6h23ez4VwM3A8Jlk1RinUUWHYgLTvFJL2AeRVy7P1qpo8PhtluCJukdZD5qUE2cua12eR5GUdmux8dfuYWS8HtlBBPKDjbksDMKXbe8j9SH8PUiRL3NhjByxpZuYZ3DnbBW+zBN75SjZamVjz5bD1WXF3CQcsH//C8JMlCGDemWDts3vkAr8FjwJ7MHxvA9j7Fp8g+q2PZy6U+4O2jZQt1LJsSMkEvB6I6lmWdE67zrGWrTbTs3RTfnSPL/lo0VPXhW6JDZrBwsUnaZawX8tXHPzfggQTubw3ew2aV52jLzW1R2K1WKtQ0Sotl0rYJkgq9h0yqdKKlI4aqcke/Yk4PQTa8+74ft92kylinQ0YwlOxbboKBm9ujmNPrcZhzHljWKAm+SfFFBlD+RMiEz+rSLx9gjIFXl9ZjomWjBpYtHEWWNQdvriO5cteyDFgXDLPopwvL5RqDMK/VOkPLcFtnjDNsKBrHc9vjvOV/2Sc9KHSro/s6/XFsf6sjU6SKonoGWCcGA9vO3e2Uro7FhQ7QiiYthLEBPjdfXyNuKF23K45vP3iSl6nWWGH7tXdEKT9ytk6DYbKsNlyzn5adyt1YfYF7lED6mJRppGXSLyWzEssmJVOPQ+Z7BEy0bMzAskUDsGx8FDwG1Yb0OJXtH00AW0DmJZuPj2gwYV5pKovZfAmB7hgvZNY9CyEF3tjnR8UYOwdTY3MMiaQ63lZtnGqxkpnxhg8oVwyAhZLZTxE3Zv2GdzBzmg9NzT042RjNAIkDSzBIoIfyI1v5eGEKU0eDZfXgNXgMZlJcoEtTyO7gjSrJ8g6BlIHOIfZ1UTyLbL+Jq6tIB95uEy0bNbBsEXfum7NseIgsa+YxqDaw7Pu0dEMWlp2E/u/cmYXfk+XSn8raKVcY0tgLAdtHDN72Yz9kjtoKDl72jlgwyoHJxtqqgATXvScbw7xA1M6DXsBmQMureUXwg8KZ1wyw+jEMbSQJdrY3ZQArlKfKiAII7I1hxWKD1cbvbUXbsXttZdPuSwwBtIuNHgMVvFIuYwz+laKdYjlKLLuXAPwpHUgXZMDb1y9bpGPZHhMtGzEAlQ3+/s4I/LL/TB+zsngMxlD5FxlY9tgokOB3c9zvdhPw7mPpI26wWW1yxn9qSdlU9xQbgA7BoFqc7gtYjWF7WVYttMx6FsBmPjNgMgBWABjiTQyWHwsDb+/IMpbfc7l+WTrHDUZm5LWNbBlsvOyTtPy3hn1e14Y0irTviMP+Qwdet4WNmehl2QlqB0s/LdstQAvelaooC0fwVkIBfUgmWpadf7OJls0GXtbxsgQf4dAHvJFwwptZjkpkcS4f0qL1WeLz4sbrLkFrexDdQZJfRD8XTSvGy6/WoXZxDZ7cshtLr56HR3/zMsrG+HDXHVfhVEMXQpE0wtEkllxRiYf/aze+fMtc/HzTTiyrnYdfPvYyPrVgFm5aNomPY/inn+3E+m8uxj3/8jJ+cNdi/PPPX8uAieUnGk3DakloVOYdInj7gTTDvNl7v56gr/lXUv9XaJg/dp0OqDWU1mjwy1qFb1MDKqsiF5po2SAtCq2rrD5PbyUE+XDF/iEbeNlgpS9/lMEr9QVv3EHGYpw724zObll9iTKpGhvXG4sGMKHEj11vHUJHp5/0RQhFhS6UOFsI2BdhwjgXlw4tbR3E2mEsvbwAf3x5Dzo6/HA5kij2ejBtQje+dus8VFd5CDASxo4pQoG1G15HOz0gRSiSz2LZVZ9Akc1PrCgLk3h+zp5rRphNDRWKMxvSGAd2DsayvbGlN50PLpL0+yQp/nuy1bIkxSU+Yk6CLn6TTJHESDqJz4GAl/i7e5YMgAMEmOczVT+Uk2T7dOtqx5eS7uHj2tXl34hYlb6ZZYPx2i8lakF1Xd2mnKX1AwTcA7RyAIowKGzgS51JsRzNUlw78REPfZg3HOqVj+m0TNWzglg4Jap/tZPCTQBk5Tyxsgw2q8yncGLbm/0eTKpIoTOsqgG64dSwk/kNuvATlXA67bDbVHarb3ZixuQ4TjYpGfeSXQohkiiAv6sH9a2TsHROO46ccXMw8Un8xHRRSEuIhoY36H3V139r+q7SDV/5zaMUPWqyaSAh1oncZpZfmcM+xmv/dAh+UmP4sbBsYzRyDbsx2u92qd/z0fMkG+KZHhCHvRDFHmrh+9NC1wJVVeNwqtWOYyfaMKFyHNo7g2jucqLxXB2fSI+9X+Z2JzggJ1ZV4K0DURx8rwHV1eNxrjmAwyeSaGruIpnhQDKRgsfj5q64U6fa8ELahwuIiYtLivC7/z6Om5dfhmf/tJu7xiT++jFQXJimB8CNUDg4UI9NPnxMQp+5yl7bsraUOR24SpLc+OWW/ThyPCBcYbrGmEnDq0/PVCZNa3j1+jU1TSkZGkbQpUn6ZaFT2VXLxljwlVVzICmZoZ9jFq14pCM/V9nHM/Rh3itXbuz402N/FWPECymMQg9ruAbU6Zi0KvZzC/nQxB5qsI0fRyz59GvEuqo/mDXSli65GI1n2hGLp3Hh1PG8IfS7LTt59e9xF/AXKFctvwLbdh5EZ2cPH/jDhk8yWfDZa+cgGkvgtdcPC/eV0JMkJNm4Xg/lJxohsk1zeRO7ZvUvO/K3MA/eXt0bTrBBF7PZtAjeIlevG0t8TvI1o6GjCF6PC1Wl3Vi/dhYkZznue/BF3PGl+SgpjGHhRS40dY9HmS+BN/a0cma9dukcfHllCTq6HbzxN7NmFty2TjzxooLGhhZ849ZKWBJtSMKNK2dP5715Tf5ibH7uIJvSFHFa91LDMBrMsO4H+duXB2+fEI0kD6jgBUoIvJwBYekzc/rUiXbEUYD36wO4cHIh2ORLvKrn+8ZhkZ38rQevqxvX147F9tfdlGbJPAJqr5mESNJLjcQmtLR0IhSbjAJrCRpbZTS3RrFjVyOd8yzsVhtv/SeCYZR6naqvV83Ggfzt+3iHfq3lSDjxOhmL4fNY4XZZRdVtyYwei6dsCIWSmFxZAJscwb89shNWAi7z/TKAphWb+mMoqQKkFKrySQowf0FKUd/+dTkSZBEkUxYUOO2w2azwOv10jSQmlnRi7rQo7rxtImqXTIPdYWXjLfi8DT6PnfKVpNqB2+ujKv77aHBzW7t27Uqydbnsm+P5fGRzDWnrWPpoXWMIeVn6YV9TbyxQHqrJNg+feaPJF4UT0mJNR3BhTQn2HmxRfYm6fjG7TYJT6iT9acMlsydj957jlAmJHxpTvHzaJi2wKaA0x2ckCjiZFyPspKQUPQRRVIwtRXvQx32WXkcMaYsdzIVrk9lUUXYEesL4RLUP6UgE8URC8+6/OBKwMoAId9fajRs3bsrxMOb2YsdtGKVnZg0755o1a2o3bdokplXi8+2y19QHfPeLjmEvgG4R+22l4y0D7MvyfFKcl+V9LtSZfvTWRfutovNs0x3XKb7vQKGLjikxuSabtZ4BcR5trxNp7Oci9tJ6tjmSl0I32z3dI+P1WRnNo/tVZwrev77/2XM//e51b4L1QVMVPXl8CfYfbufdxMXe3tF6hR4HunqK4XRYMHumE3v215FGZqPNQnwaf2+hjeIEh5mVmHN8hfr9fEUpOp+CN9+uw9duLoavuBB+fwjvHw/zh+KymQ7Ekg7UNSYRCCbgsNnR6W/BvIuqEOzW7i/evPvH/3NuGIBlBbPVkLyR0jdSwWrrtYYbuNnoq6U0JZcbOFigYzbQuarFTa7NGfEqMKoFeH05XIcBk73av1EAd64AAgPB0mzAN34ncd0BHxRdmfmEbaX1OrHMrusTIF6rgVoXfOIBU2/Mxo0lunu3VaTVZWVelR2Tj0AMoHDZY5g22YcT9V2IUfW/Y59EOrWedKgVLa3tKCbw2W022Eg2PP0/x1DodpEcOME7I5gHy8Ym3yNZsGPHYezb7yZ5IaOrS/VgPPqMB22tXXzgzoHDrdyr0NJeQqwdJVkQ4Rq6h+IJ5QWwJ+MsX1oWHx4h42V78h8wuYGrxA1hN76a1mtpeZ26KcOWww50jrXDOEx7mN7J8kD1e5hEXleZgHHNIEBUBknr87CLoAFwm65cN6HvxNxdBmLJkAQts/PXEVBrxPo6Afx5A8oG0WjbzMay0mJVLNqBi6aMx4nTAd7t29BwLuOLZdV6OBRB1BLl7rOWpja0WrTuUynTiGONrihV+ewHATPbyFpbOjhg2e9TyOJnr4LBCHerOQuc/OXLhnOtWLZoEjqbM0Rbj6HNTp6teoKuytymK+y6LEy3Rld4OVXtObCTBkJWte7Vbd4qaoIt2sNjkhcOmlzYUDxs6wSA5sLwQzQ6MGarQTaJcqkW116f7WEfgAj0D8kW44NPQF0lZMJaXe2gP9cqPetmBe/9v3wl/r0vLmYzfP+a1eUpAtCiSyvxxp4zcMhypmPB6IvlPyhoEcvaOADZ0gewMt9H4t3H6roKWub/5WML+A8Tyvy4dw+dxvzZ5eim6ycSGdb9hw2PvzrSSdG26aqpdeLG1OnSjGGjxnQ6ebFVt2wEH3RszarlmgEYXTG5phmb6avW9QNszyZPtom81A5VBug0ss/w8Js9KCvF9m0GstirY1smHdaxfOmYd644/zZxT6oFA2thM61z4DOgZwUvZ99Yiv1wyNfIFkajIfhsLsyYWoajdR1wO+2884H5X3ksqYDks+fIGmh72Ve2ysJbIetArA62ka0aYCXO3mxZJo184PBxVJTZ4Ygn4O/O+HbZoOUnRwBanyjApToNtk3HwBAgNgJxrUEHK4MAzFh9jlqga25hN95YnRvW1+uBIY7by4AlwLVR/8DojjV9CIcY6kxqJA28dYb9zGrDNZpEIJDu1cmIWlrfNijzsvDz3+9S1n5uwe1QX3IsbD7ThHETxyM1yYeTp/0oLnRx/WoR0oCPic0wqxihJUCtsSsHqGBVK2lmbR/WoONgZn40yuaeA0fo/EC5246Wxia9RvrSI8+/NZK+YAbQvVQItTodZWx4bTEBzLZhAm0TzkMQwNwwxEZUtWC0WgHcWpMH0pellporrrfSAM5txgdUPCRbTc5l1NZb9PKP7skGuidd4sHq0oA7JFdZn7ryhd0nb//MpeydejYXrtRwohFjKyfAPX0s9h9uQRkhjPlpJY19BdvKFp0kEADVGFbm7CrxmAGYp1PMWNcfCGL33kO4sLoIzoSCxhONWlaYf+ym/3qZdMvIwlzdE69Vbdt0wF45iDaFiS7FKLDWA6xaH8CFNBqBgWKb0MlDOW6V8NCsFOW3yuwBN/NS0HXmCk/KXlHeG4w1gklN1SXYlvC7ce2wwcvCoy/vee7mK+f8DWlf9jsKaDjZgEJvMT592SS8e/QswoE4xpYUc4+DxrAaQFUtK+skgsx/k5h5INTYyvVtNBrHvveOIRBow/xZE9B0vAmt3X49cFc/9eq+7SO5c8KvywpwPSsYXdVUJ7Y/YFbNGxtMQ5QNyIENtbDhfKF2jYpW9t1rBnj4BvJF+3Syap0AZZeZx0VsW6oDO9tnrUjfKhqPDPx1Jpp3q46RV46IebXw29f2Pbx8weyUcFFJHa0d6GzrxCemU1m4ZBw50YS0YkcZgbjEWwi7w87lgYUAaxOAtQpZwMHMeszSCprbOlDfcA7hYCcurCnHOGcpDu8+rP8tYTb28QtPv3XgxVG4h3N1DYalQkPVCfmgtYxzdVt1GV09wwwrdS35ziyNwT76NVtNYOLSyhzH0MN8rTq/6haxvc5w3jpDx8ZW3f4bhL94na4Bx2oMVg41BhCvFDXaWq02EnGJ0NwrszwkG5h80CSJ7t7sNSMW0199zxZuvvJiNpsfm9q+NIN+AmLVlAsgux1o7QqgjvSw1erknQ+FHjdc7Mf/XAX8DeRoLI5gKILW9k5EI0FUTyxGmc+LZCiGxuOn+Y8S6sJhsls273r3vcHylR8S+fEMQwIvrzNumc9eImTzTV1vxIyr0IvisaWIQ0YkriBMYA2FYwTaGJwOB9wuBwqIlQtsFtiQgp8YPNwdMAIxLqrQH/1ky//mNPFwHrx58A7pwN//+ArGwveTXWqEjpIZ1qANRpfUlwTFC4Kms5gpfP4CNpXQj27+/hsNQ8lLHrx58A7rBK/8+guLhD+Y/VZukR6NOaLubSaryX5z9e1bhjW4PA/ePHhHdKK3n/8+G5WzgIyB+RKoM9qw2bi1mVRYTwP7LYkTUH8adQ/Zzvmff6B9pF8iD96POXjzIR/+3IKUL4J8+HMN/yfAAPVVDP01bHk7AAAAAElFTkSuQmCC"
         >
-        <span style="color:#fff;margin-left: 10px;">欣新房车</span>
       </div>
       <img
         style="width: 18px;height: 16px;"
@@ -25,19 +24,19 @@
           :class="path=='/'?'active':''"
           @click="$router.push('/')">首页</li>
         <li
-          :class="path=='/vehicle'?'active':''"
+          :class="path=='/vehicle'|| path=='/vehicleDetail'?'active':''"
           @click="$router.push('/vehicle')">房车租赁</li>
         <li
-          :class="path=='/tour'?'active':''"
+          :class="path=='/tour'|| path=='/tourDetail'?'active':''"
           @click="$router.push('/tour')">房车旅游</li>
         <li
-          :class="path=='/campsite'?'active':''"
+          :class="path=='/campsite'|| path=='/campsiteDetail'?'active':''"
           @click="$router.push('/campsite')">房车营地</li>
         <li
-          :class="path=='/activity'?'active':''"
+          :class="path=='/activity'|| path=='/activityDetail'?'active':''"
           @click="$router.push('/activity')">欣新活动</li>
         <li
-          :class="path=='/news'?'active':''"
+          :class="path=='/news'|| path=='/newsDetail'?'active':''"
           @click="$router.push('/news')">新闻动态</li>
         <li
           :class="path=='/aboutXx'?'active':''"

components/secondBanner.vue

@@ -10,7 +10,7 @@
           <img
             :src= "item.cover"
             :alt="item.title"
-            style="height: 80px;width:auto;">
+            style="height: 80px;width:auto;margin: 0 auto;">
         </li>
       </ul>
     </div>

pages/activity.vue

@@ -172,7 +172,7 @@
       margin: 10px 0;
     }
     #scroll-area li{
-      box-shadow: 2px 3px 13px #999;
+      box-shadow: 2px 3px 13px rgba(153,153,153,0.2);
       margin: 17px 0;
       border-radius: 3px;
     }

pages/activityDetail/index.vue

 <template>
-  <div class="shop-page">
-    <Header :seller="seller" />
-    <mt-navbar v-model="selected">
-      <mt-tab-item id="goods">点餐</mt-tab-item>
-      <mt-tab-item id="ratings">评价</mt-tab-item>
-      <mt-tab-item id="seller">商家</mt-tab-item>
-    </mt-navbar>
-    <mt-tab-container v-model="selected">
-      <mt-tab-container-item id="goods">
-        <Goods :seller="seller" />
-      </mt-tab-container-item>
-      <mt-tab-container-item id="ratings">
-        <Ratings :seller="seller" />
-      </mt-tab-container-item>
-      <mt-tab-container-item id="seller">
-        <Seller :seller="seller" />
-      </mt-tab-container-item>
-    </mt-tab-container>
+  <div
+    class="activity-detail-page"
+    style="margin-top:1.87733rem;">
+    <Head/>
+    <img
+      :src="detail.banner"
+      style="width: 100%;height:249px;object-fit: cover;">
+    <div class="detail-main-container">
+      <div>
+        <h1 class="activity-detail-name">{{ detail.title }}</h1>
+        <div class="activity-detail-info">
+          <div
+            class="flex-aic">
+            <span style="color: #666;font-size: 14px;">活动人数</span>
+            <div>{{ detail.limitNum }}</div>
+          </div>
+          <div
+            class="flex-aic"
+            style="margin: 13px 0;">
+            <span style="color: #666;font-size: 14px;">活动时间</span>
+            <div>{{ detail.startTime | formatDate('yyyy-MM-dd hh:mm') }}~{{ detail.endTime | formatDate('yyyy-MM-dd hh:mm') }} </div>
+          </div>
+          <div class="flex-aic">
+            <span style="color: #666;font-size: 14px;">活动地点</span>
+            <div>{{ detail.province }}{{ detail.city }}{{ detail.town }}{{ detail.address }}</div>
+          </div>
+        </div>
+      </div>
+      <div>
+        <div style="height: 10px;background: #eee;"/>
+      </div>
+      <div class="flex-jcb activity-detail">
+        <div style="background: #fff;margin: 20px 0;">
+          <h3
+            class="content-t"
+            style="text-align: left;">活动详情</h3>
+          <div
+            class="models-details"
+            v-html="detail.content"/>
+        </div>
+      </div>
+    </div>
+    <go-top/>
   </div>
 </template>
 
 <script>
-  import Header from "./components/header";
-  import Goods from "./components/goods";
-  import Ratings from "./components/ratings";
-  import Seller from "./components/seller";
-  import * as shoppingApi from "~/assets/services/shopping";
+  import axios from '../../plugins/axios'
+  import Head from "~/components/head";
+  import DetailBanner from '~/components/detailBanner'
+  import GoTop from "~/components/goTop";
 
   export default {
     components: {
-      Header,
-      Goods,
-      Ratings,
-      Seller
+      Head,
+      DetailBanner,
+      GoTop
     },
     data() {
-      return {
-        selected: "goods",
-        seller: {}
-      };
+      return {};
     },
-    async asyncData() {
-      const {
-        data
-      } = await shoppingApi.seller();
-      return {
-        seller: data
-      };
-    },
-    created() {
-      // vue resource
-      // this.$http.get('api/seller').then((res) => {
-      //   res = res.body;
-      //   if(res.errno === ERR_OK){
-      //     this.seller = res.data;
-      //     console.log(this.seller);
-      //   }
-      // })
+    async asyncData({ route}) {
+      const { data } = await axios.get( '/api/uccn/summitActivity/app/unauth/'+route.query.id);
+      let detail = data.data;
+      detail.content =detail.content.replace(/<img/g,"<img style='width:90%'");
+      return {detail: detail}
     },
+    created() {},
+    methods: {},
   };
 
 </script>
@@ -65,8 +75,101 @@
 <style lang="scss">
   @import "../../assets/styles/mixin";
 
-  .shop-page {
+  .activity-detail-page {
     font-size: px2rem(24px);
+    .content-t{
+      font-size: 15px;
+      font-weight: bold;
+      margin-bottom: 13px;
+    }
+  }
+  .detail-main-container{
+    border-radius: 7px 7px 0 0;
+    box-shadow: 0px 0px 13px #666;
+    margin-top: -10px;
+    z-index: 99;
+    position: relative;
+    background: #fff;
+    .activity-detail-name{
+      padding: 15px px2rem(20px);
+      font-size: px2rem(34px);
+      font-weight: bold;
+      border-bottom: 1px solid #dfdfdf;
+    }
+    .activity-detail{
+      padding: 0 px2rem(20px);
+    }
+    .activity-detail-info{
+      padding: 13px px2rem(20px);
+      font-size: 14px;
+      span{
+        color: #666;
+        min-width: 60px;
+        margin-right: 13px;
+      }
+    }
+    .vehicle-lower{
+      padding: 0 px2rem(20px);
+      font-size: px2rem(30px);
+      margin-top: px2rem(20px);
+      margin-bottom: px2rem(20px);
+      span{
+        color: #F25B5B;
+        font-size: px2rem(36px);
+        font-weight: bold;
+        margin-left: px2rem(30px);
+        margin-right: px2rem(4px);
+      }
+    }
+    .member-list{
+      padding: 0 px2rem(20px);
+    }
+    .member-list-c img{
+      width: 20px;
+      height: 20px;
+      margin-right: px2rem(20px);
+    }
+    .member-list-name{
+      color: #666;
+      font-size:px2rem(26px);
+      margin-bottom: px2rem(20px);
+    }
+    .market-price{
+      font-size: px2rem(30px);
+      margin: px2rem(34px) 0;
+      padding: 0 px2rem(20px);
+    }
+    .detail-list{
+      height: px2rem(100px);
+    }
+    .select-tab{
+      width: 100%;
+      .select-tab-li-l{
+        font-size:16px;
+        color: #999;
+        padding: 0 px2rem(20px);
+      }
+      .select-tab-li-l.active{
+        color: #333;
+        font-weight: bold;
+        height: px2rem(100px);
+        line-height: px2rem(100px);
+        border-bottom: 2px solid #1bbb9f;
+      }
+    }
+    .scroll0, .scroll1, .scroll2, .scroll3{
+      padding: 0 px2rem(20px);
+      .base-set{
+        margin: 17px 0;
+        font-size: 15px;
+        font-weight: bold;
+      }
+      .base-set-name{
+        font-size: 13px;
+        color: #666;
+        padding: 0 10px 6px 0;
+      }
+    }
 
     .mint-navbar {
       position: sticky;
@@ -98,6 +201,27 @@
         }
       }
     }
+    .left-item{
+      width: 30%;
+      border-left: 1px solid #c1c1c1;
+      border-right: 1px solid #c1c1c1;
+      height: 34px;
+      padding-left: 10px;
+      line-height: 34px;
+    }
+    .right-item{
+      width:70%;
+      border-right: 1px solid #ccc;
+      height: 34px;
+      line-height: 34px;
+      padding-left: 10px;
+    }
+    .modal-item{
+      border-top:1px solid #ccc;
+    }
+    .kr-article-article .modal-item:last-child{
+      border-bottom: 1px solid #ccc;
+    }
   }
 
 </style>

pages/campsite.vue

 <template>
-  <div class="order-page">
+  <div class="campsite-container">
     <Head/>
     <second-banner
       :list = "bannerList"
@@ -19,19 +19,21 @@
       id="scroll-area"
       type="1"
       style="padding-top: 0;"
-      class="main-padding">
-      <router-link
+      class="main-padding campsite-ul">
+      <li
         v-for="item in dataDetail"
-        :to="{ path: 'campsiteDetail', query:{id: item.id }}"
         :key="item.id"
-        class="flex-jcb news-item">
+        class="campsite-li">
+        <router-link
+          :to="{ path: 'campsiteDetail', query:{id: item.id }}"
+          class="campsite-item">
           <img
             :src="item.logo"
-          class="tour-img-home">
-        <div class="tour-home-r">
-          <div class="ellipsis2">{{ item.name }}</div>
-        </div>
+            class="campsite-logo">
+          <div class="ellipsis2 campsite-name">{{ item.name }}</div>
         </router-link>
+      </li>
+
     </ul>
     <p
       v-if="preventRepeatReuqest"
@@ -171,42 +173,40 @@
 
 <style lang="scss">
   @import "../assets/styles/mixin";
-  .news-item{
+  .campsite-container{
+    .campsite-ul{
+      padding-top: 0px;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      .campsite-li{
+        box-shadow: 2px 3px 13px rgba(153,153,153,0.2);
+        width: 48%;
         margin: 10px 0;
+        border-radius: 3px;
       }
-  .tour-home-r, .news-home-r{
-    width: 58%;
+      .campsite-logo{
+        width: 100%;
+        height: 110px;
+        object-fit: cover;
+        border-radius: 3px 3px 0 0;
       }
-  .tour-img-home, .news-home-img{
-    width: px2rem(300px);
-    height: px2rem(150px);
+      .campsite-name{
+        font-size: 14px;
+        font-weight: bold;
+        margin: 13px;
       }
-  .order-page {
-    .no-data {
-      text-align: center;
-
-      .nodata {
-        width: px2rem(400px);
-        height: px2rem(400px);
-        margin: 15vh auto px2rem(10px) auto;
     }
 
-      p {
-        color: #6a6a6a;
-        font-size: px2rem(32px);
-        margin-bottom: px2rem(15px);
   }
-
-      .login {
-        width: px2rem(240px);
-        height: px2rem(80px);
-        background: #56d176;
-        border: none;
-        color: #fff;
-        font-size: px2rem(28px);
-        border-radius: 2px;
+  .news-item{
+    margin: 10px 0;
   }
+  .tour-home-r, .news-home-r{
+    width: 58%;
   }
+  .tour-img-home, .news-home-img{
+    width: px2rem(300px);
+    height: px2rem(150px);
   }
-
 </style>

pages/news.vue

@@ -33,7 +33,6 @@
             <img
               :src="item.coverImage"
               style="width: 17px;height: 17px;margin-right: 7px;">
-
             {{ item.addTime.substring(0, 10) }}</div>
         </div>
       </router-link>
@@ -169,6 +168,7 @@
     .news-img-list{
       width: 92px;
       height: 75px;
+      border-radius: 3px;
     }
     .news-list {
       border-bottom: 1px solid #dfdfdf;
@@ -198,31 +198,4 @@
     width: px2rem(300px);
     height: px2rem(150px);
   }
-  .order-page {
-    .no-data {
-      text-align: center;
-
-      .nodata {
-        width: px2rem(400px);
-        height: px2rem(400px);
-        margin: 15vh auto px2rem(10px) auto;
-      }
-
-      p {
-        color: #6a6a6a;
-        font-size: px2rem(32px);
-        margin-bottom: px2rem(15px);
-      }
-
-      .login {
-        width: px2rem(240px);
-        height: px2rem(80px);
-        background: #56d176;
-        border: none;
-        color: #fff;
-        font-size: px2rem(28px);
-        border-radius: 2px;
-      }
-    }
-  }
 </style>

pages/tour.vue

 <template>
-  <div class="order-page">
+  <div class="tour-container">
     <Head/>
     <second-banner
       :list = "bannerList"
@@ -24,12 +24,12 @@
         v-for="item in dataDetail"
         :to="{ path: 'tourDetail', query:{id: item.id }}"
         :key="item.id"
-        class="flex-jcb news-item">
+        class="flex-jcb tour-item">
         <img
           :src="item.cover"
-          class="tour-img-home">
-        <div class="tour-home-r">
-          <div class="ellipsis2">{{ item.name }}</div>
+          class="tour-item-img">
+        <div class="tour-list">
+          <div class="ellipsis2 tour-item-name">{{ item.name }}</div>
         </div>
       </router-link>
     </ul>
@@ -172,6 +172,26 @@
 
 <style lang="scss">
   @import "../assets/styles/mixin";
+  .tour-container{
+    .tour-item{
+      margin: 17px 0;
+    }
+    .tour-item-name{
+      font-size: 15px;
+      font-weight: bold;
+    }
+    .tour-item-img{
+      width: 92px;
+      height: 75px;
+      object-fit: cover;
+      border-radius: 3px;
+    }
+    .tour-list{
+      border-bottom: 1px solid #dfdfdf;
+      margin-left: px2rem(20px);
+      width: 100%;
+    }
+  }
   .news-item{
     margin: 10px 0;
   }

pages/vehicle.vue

@@ -196,6 +196,7 @@
   .vehicle-img-list{
     width: px2rem(277px);
     height: px2rem(225px);
+    border-radius: 3px;
   }
   .vehicle-list{
     border-bottom: 1px solid #dfdfdf;

pages/vehicleDetail/index.vue

@@ -337,6 +337,10 @@
     .detail-main-container{
       border-radius: 7px 7px 0 0;
       box-shadow: 0px 0px 13px #666;
+      margin-top: -10px;
+      z-index: 99;
+      position: relative;
+      background: #fff;
       .vehicle-detail-name{
         padding: 14px px2rem(20px) 0 px2rem(20px);
         font-size: px2rem(34px);
@@ -374,8 +378,8 @@
       }
       .member-list-name{
         color: #666;
-        font-size:px2rem(24px);
-        margin-bottom: px2rem(24px);
+        font-size:px2rem(26px);
+        margin-bottom: px2rem(20px);
       }
       .market-price{
         font-size: px2rem(30px);
@@ -408,9 +412,9 @@
           font-weight: bold;
         }
         .base-set-name{
-          font-size: 12px;
+          font-size: 13px;
           color: #666;
-          padding: 0 10px 18px 0;
+          padding: 0 10px 6px 0;
         }
       }