4.6详情新样式

src/App.vue

@@ -131,6 +131,15 @@ img {
     text-overflow: ellipsis;
 }
 
+.two-line-text {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+}
+
 .shadow {
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);

src/assets/img/apartmentDetail/collect-hollow-black.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="17px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1335 -27 )">
+    <path d="M 13.078125 14.9218651543793  L 12.2992788461538 10.4120982986767  L 15.609375 7.23062381852552  L 11.0444711538462 6.56647763074984  L 9 2.47448015122873  L 6.95552884615385 6.56647763074984  L 2.390625 7.23062381852552  L 5.70072115384615 10.4120982986767  L 4.91105769230769 14.9218651543793  L 9 12.7901701323251  L 13.078125 14.9218651543793  Z M 17.3942307692308 6.09514807813485  C 17.7980769230769 6.15942028985507  18 6.32367149758454  18 6.58790170132325  C 18 6.74501155219492  17.90625 6.91640411678219  17.71875 7.10207939508507  L 13.7920673076923 10.8941398865785  L 14.7223557692308 16.2501575299307  C 14.7295673076923 16.3001470279353  14.7331730769231 16.3715605965133  14.7331730769231 16.4643982356648  C 14.7331730769231 16.8214660785549  14.5853365384615 17  14.2896634615385 17  C 14.1526442307692 17  14.0084134615385 16.9571518588532  13.8569711538462 16.8714555765595  L 9 14.3434152488973  L 4.14302884615385 16.8714555765595  C 3.984375 16.9571518588532  3.84014423076923 17  3.71033653846154 17  C 3.55889423076923 17  3.4453125 16.9482251627809  3.36959134615385 16.8446754883428  C 3.29387019230769 16.7411258139046  3.25600961538462 16.6143667296786  3.25600961538462 16.4643982356648  C 3.25600961538462 16.421550094518  3.26322115384615 16.3501365259399  3.27764423076923 16.2501575299307  L 4.20793269230769 10.8941398865785  L 0.270432692307692 7.10207939508507  C 0.0901442307692308 6.90926275992439  0 6.73787019533711  0 6.58790170132325  C 0 6.32367149758454  0.201923076923077 6.15942028985507  0.605769230769231 6.09514807813485  L 6.03605769230769 5.31316950220542  L 8.46995192307692 0.439193446754883  C 8.60697115384616 0.14639781558496  8.78365384615385 0  9 0  C 9.21634615384615 0  9.39302884615385 0.14639781558496  9.53004807692308 0.439193446754883  L 11.9639423076923 5.31316950220542  L 17.3942307692308 6.09514807813485  Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 1335 27 )" />
+  </g>
+</svg>

src/assets/img/apartmentDetail/tick-circle-baby-blue.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M 13.1875 6.78125  C 13.3125 6.65625  13.375 6.5  13.375 6.3125  C 13.375 6.11805555555556  13.3125 5.95833333333333  13.1875 5.83333333333333  L 12.2395833333333 4.89583333333333  C 12.1076388888889 4.76388888888889  11.9513888888889 4.69791666666667  11.7708333333333 4.69791666666667  C 11.5902777777778 4.69791666666667  11.4340277777778 4.76388888888889  11.3020833333333 4.89583333333333  L 7.05208333333333 9.13541666666667  L 4.69791666666667 6.78125  C 4.56597222222222 6.64930555555556  4.40972222222222 6.58333333333333  4.22916666666667 6.58333333333333  C 4.04861111111111 6.58333333333333  3.89236111111111 6.64930555555556  3.76041666666667 6.78125  L 2.8125 7.71875  C 2.6875 7.84375  2.625 8.00347222222222  2.625 8.19791666666667  C 2.625 8.38541666666667  2.6875 8.54166666666667  2.8125 8.66666666666667  L 6.58333333333333 12.4375  C 6.71527777777778 12.5694444444444  6.87152777777778 12.6354166666667  7.05208333333333 12.6354166666667  C 7.23958333333333 12.6354166666667  7.39930555555556 12.5694444444444  7.53125 12.4375  L 13.1875 6.78125  Z M 14.9270833333333 3.984375  C 15.6423611111111 5.21006944444444  16 6.54861111111111  16 8  C 16 9.45138888888889  15.6423611111111 10.7899305555556  14.9270833333333 12.015625  C 14.2118055555556 13.2413194444444  13.2413194444444 14.2118055555556  12.015625 14.9270833333333  C 10.7899305555556 15.6423611111111  9.45138888888889 16  8 16  C 6.54861111111111 16  5.21006944444444 15.6423611111111  3.984375 14.9270833333333  C 2.75868055555556 14.2118055555556  1.78819444444444 13.2413194444444  1.07291666666667 12.015625  C 0.357638888888889 10.7899305555556  0 9.45138888888889  0 8  C 0 6.54861111111111  0.357638888888889 5.21006944444444  1.07291666666667 3.984375  C 1.78819444444444 2.75868055555556  2.75868055555556 1.78819444444444  3.984375 1.07291666666667  C 5.21006944444444 0.357638888888888  6.54861111111111 0  8 0  C 9.45138888888889 0  10.7899305555556 0.357638888888888  12.015625 1.07291666666667  C 13.2413194444444 1.78819444444444  14.2118055555556 2.75868055555556  14.9270833333333 3.984375  Z " fill-rule="nonzero" fill="#8080ff" stroke="none" />
+  </g>
+</svg>

src/assets/img/publicImage/arrow-black-solid.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="6px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -824 -4464 )">
+    <path d="M 9.814453125 0.197916666666667  C 9.93815104166667 0.32986111111111  10 0.48611111111111  10 0.666666666666667  C 10 0.847222222222222  9.93815104166667 1.00347222222222  9.814453125 1.13541666666667  L 5.439453125 5.80208333333333  C 5.31575520833333 5.93402777777778  5.16927083333333 6  5 6  C 4.83072916666667 6  4.68424479166667 5.93402777777778  4.560546875 5.80208333333333  L 0.185546875 1.13541666666667  C 0.0618489583333333 1.00347222222222  0 0.847222222222222  0 0.666666666666667  C 0 0.48611111111111  0.0618489583333333 0.32986111111111  0.185546875 0.197916666666667  C 0.309244791666667 0.0659722222222214  0.455729166666667 0  0.625 0  L 9.375 0  C 9.54427083333333 0  9.69075520833333 0.0659722222222214  9.814453125 0.197916666666667  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 824 4464 )" />
+  </g>
+</svg>

src/assets/img/publicImage/special-bj.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="876px" height="169px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <radialGradient cx="796.095652173913" cy="829" r="243.75652173913" gradientTransform="matrix(1 0 0 0.279840495907363 0 597.012228892796 )" gradientUnits="userSpaceOnUse" id="RadialGradient923">
+      <stop id="Stop924" stop-color="#fff3d4" offset="0" />
+      <stop id="Stop925" stop-color="#fbba58" offset="1" />
+    </radialGradient>
+  </defs>
+  <g transform="matrix(1 0 0 1 -360 -763 )">
+    <path d="M 360 773  A 10 10 0 0 1 370 763 L 1226 763  A 10 10 0 0 1 1236 773 L 1236 922  A 10 10 0 0 1 1226 932 L 370 932  A 10 10 0 0 1 360 922 L 360 773  Z " fill-rule="nonzero" fill="url(#RadialGradient923)" stroke="none" />
+  </g>
+</svg>

src/assets/img/publicImage/special-bottom-orange.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="876px" height="38px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -360 -914 )">
+    <path d="M 0 28  L 0 0  L 438 18  L 876 0  L 876 28  C 876 33.6  867.620869565217 38  856.95652173913 38  L 19.0434782608696 38  C 8.37913043478257 38  0 33.6  0 28  Z " fill-rule="nonzero" fill="#fdb231" stroke="none" transform="matrix(1 0 0 1 360 914 )" />
+  </g>
+</svg>

src/assets/img/publicImage/special-bottom-white.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="892px" height="54px" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter x="352px" y="903px" width="892px" height="54px" filterUnits="userSpaceOnUse" id="filter953">
+      <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner" />
+      <feGaussianBlur stdDeviation="4" in="shadowOffsetInner" result="shadowGaussian" />
+      <feComposite in2="shadowGaussian" operator="atop" in="SourceAlpha" result="shadowComposite" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.184313725490196 0  " in="shadowComposite" />
+    </filter>
+    <g id="widget954">
+      <path d="M 0 28  L 0 0  L 438 18  L 876 0  L 876 28  C 876 33.6  867.620869565217 38  856.95652173913 38  L 19.0434782608696 38  C 8.37913043478257 38  0 33.6  0 28  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 360 911 )" />
+    </g>
+  </defs>
+  <g transform="matrix(1 0 0 1 -352 -903 )">
+    <use xlink:href="#widget954" filter="url(#filter953)" />
+    <use xlink:href="#widget954" />
+  </g>
+</svg>

src/components/public/group-QRcode.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="QRcode-box group-QRcode flexflex" :class="{ 'apartment-box': props['type'] == 'apartment' }">
+    <div class="QRcode-box group-QRcode flexflex">
         <img class="group-title" src="@/assets/img/apartmentDetail/group-title.png" />
         <div class="QRcode-case flexcenter">
             <img class="QRcode-img" :src="wechat['wechatqrcode']" alt="" />

src/components/public/phoneQRcode.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="QRcode-box apartment-QRcode flexflex" :class="{ 'apartment-box': props['type'] == 'apartment' }">
+    <div class="QRcode-box apartment-QRcode flexflex">
         <img class="mini-program-title" src="@/assets/img/apartmentDetail/mini-program-title.png" />
         <div class="QRcode-case flexcenter">
             <img class="QRcode-img" :src="props['qrcode']" alt="" />