许成详 6 years ago
parent
commit
84769cc6cc
3 changed files with 48 additions and 141 deletions
  1. 1
    1
      src/pages/index.vue
  2. 2
    2
      src/pages/menus.vue
  3. 45
    138
      src/pages/yueGaoJie.vue

+ 1
- 1
src/pages/index.vue View File

101
         preload="auto"
101
         preload="auto"
102
       >
102
       >
103
         <source
103
         <source
104
-          src="https://jingcheng-h5.oss-cn-beijing.aliyuncs.com/yc0307.mp4"
104
+          src="https://jingcheng-h5.oss-cn-beijing.aliyuncs.com/yc0307-v0001.mp4"
105
           type="video/mp4"
105
           type="video/mp4"
106
         >
106
         >
107
       </video>
107
       </video>

+ 2
- 2
src/pages/menus.vue View File

35
           </div>
35
           </div>
36
         </div>
36
         </div>
37
       </div>
37
       </div>
38
-      <div class="img">
38
+      <!-- <div class="img">
39
         <img src="../assets/images/icon-17.jpg" alt>
39
         <img src="../assets/images/icon-17.jpg" alt>
40
-      </div>
40
+      </div> -->
41
     </div>
41
     </div>
42
   </div>
42
   </div>
43
 </template>
43
 </template>

+ 45
- 138
src/pages/yueGaoJie.vue View File

15
         <div class="bg">
15
         <div class="bg">
16
           <img src="../assets/images/icon-78.jpg" @load="imgLoad" width="100%" alt>
16
           <img src="../assets/images/icon-78.jpg" @load="imgLoad" width="100%" alt>
17
         </div>
17
         </div>
18
-        <img
19
-          src="../assets/images/icon-76.png"
20
-          @load="imgLoad"
21
-          class="icon76"
22
-          :class="{'active': imgNum >= totalImgNum}"
23
-          width="100%"
24
-          alt
25
-        >
26
-        <img
27
-          src="../assets/images/icon-77.png"
28
-          @load="imgLoad"
29
-          class="icon77"
30
-          :class="{'active': imgNum >= totalImgNum}"
31
-          width="100%"
32
-          alt
33
-        >
34
-        <img
35
-          src="../assets/images/icon-79.gif"
36
-          style="margin-top: .3rem;"
37
-          @load="imgLoad"
38
-          class="icon79"
39
-          width="100%"
40
-          alt
41
-        >
18
+        <img src="../assets/images/icon-76.png" @load="imgLoad" class="icon76" :class="{'active': imgNum >= totalImgNum}" width="100%" alt>
19
+        <img src="../assets/images/icon-77.png" @load="imgLoad" class="icon77" :class="{'active': imgNum >= totalImgNum}" width="100%" alt>
20
+        <img src="../assets/images/icon-79.gif" style="margin-top: .3rem;" @load="imgLoad" class="icon79" width="100%" alt>
42
         <div class="subInfo">
21
         <div class="subInfo">
43
           <span>银城颐居•悦见山,
22
           <span>银城颐居•悦见山,
44
             <br>17万方高品质全龄智慧奢宅,
23
             <br>17万方高品质全龄智慧奢宅,
53
           <img src="../assets/images/icon-80.jpg" @load="imgLoad" class="icon80" width="100%" alt>
32
           <img src="../assets/images/icon-80.jpg" @load="imgLoad" class="icon80" width="100%" alt>
54
         </div>
33
         </div>
55
         <div class="list">
34
         <div class="list">
56
-          <img
57
-            src="../assets/images/icon-81.gif"
58
-            style="margin: .3rem auto;"
59
-            @load="imgLoad"
60
-            class="icon81"
61
-            width="100%"
62
-            alt
63
-          >
64
-          <img
65
-            src="../assets/images/icon-82.jpg"
66
-            style="margin-bottom: .2rem;"
67
-            @load="imgLoad"
68
-            width="100%"
69
-            alt
70
-          >
71
-          <img
72
-            src="../assets/images/icon-25.png"
73
-            style="margin-bottom: .2rem;"
74
-            @load="imgLoad"
75
-            class="icon25"
76
-            width="100%"
77
-            alt
78
-          >
79
-          <img
80
-            src="../assets/images/icon-83.jpg"
81
-            style="margin-bottom: .2rem;"
82
-            @load="imgLoad"
83
-            width="100%"
84
-            alt
85
-          >
86
-          <img
87
-            src="../assets/images/icon-25.png"
88
-            style="margin-bottom: .2rem;"
89
-            class="icon25"
90
-            width="100%"
91
-            alt
92
-          >
93
-          <img
94
-            src="../assets/images/icon-84.jpg"
95
-            style="margin-bottom: .2rem;"
96
-            @load="imgLoad"
97
-            width="100%"
98
-            alt
99
-          >
100
-          <img
101
-            src="../assets/images/icon-25.png"
102
-            style="margin-bottom: .2rem;"
103
-            class="icon25"
104
-            width="100%"
105
-            alt
106
-          >
107
-          <img
108
-            src="../assets/images/icon-85.jpg"
109
-            style="margin-bottom: .2rem;"
110
-            @load="imgLoad"
111
-            width="100%"
112
-            alt
113
-          >
114
-          <img
115
-            src="../assets/images/icon-25.png"
116
-            style="margin-bottom: .3rem;"
117
-            class="icon25"
118
-            width="100%"
119
-            alt
120
-          >
35
+          <img src="../assets/images/icon-81.gif" style="margin: .3rem auto;" @load="imgLoad" class="icon81" width="100%" alt>
36
+          <img src="../assets/images/icon-82.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
37
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .2rem;" @load="imgLoad" class="icon25" width="100%" alt>
38
+          <img src="../assets/images/icon-83.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
39
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .2rem;" class="icon25" width="100%" alt>
40
+          <img src="../assets/images/icon-84.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
41
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .2rem;" class="icon25" width="100%" alt>
42
+          <img src="../assets/images/icon-85.jpg" style="margin-bottom: .2rem;" @load="imgLoad" width="100%" alt>
43
+          <img src="../assets/images/icon-25.png" style="margin-bottom: .3rem;" class="icon25" width="100%" alt>
121
           <img src="../assets/images/icon-86.gif" @load="imgLoad" width="100%" alt>
44
           <img src="../assets/images/icon-86.gif" @load="imgLoad" width="100%" alt>
122
           <span>联系您的美好生活设计师!</span>
45
           <span>联系您的美好生活设计师!</span>
123
           <ul>
46
           <ul>
154
       scrollTop: 0,
77
       scrollTop: 0,
155
       musicStatus: true,
78
       musicStatus: true,
156
       userList: [{
79
       userList: [{
157
-        name: '陈德彪',
158
-        tel: '18351837231',
159
-        icon: require('../assets/images/icon-89.jpg')
80
+        name: '张非凡',
81
+        tel: '13401923162',
82
+        icon: require('../assets/images/icon-104.jpg')
83
+      }, {
84
+        name: '易旭强',
85
+        tel: '13913922396',
86
+        icon: require('../assets/images/icon-101.jpg')
87
+      }, {
88
+        name: '王薇薇',
89
+        tel: '15261875877',
90
+        icon: require('../assets/images/icon-99.jpg')
160
       }, {
91
       }, {
161
         name: '陈萍',
92
         name: '陈萍',
162
         tel: '13645298828',
93
         tel: '13645298828',
163
         icon: require('../assets/images/icon-90.jpg')
94
         icon: require('../assets/images/icon-90.jpg')
95
+      }, {
96
+        name: '张利',
97
+        tel: '15050599890',
98
+        icon: require('../assets/images/icon-105.jpg')
99
+      }, {
100
+        name: '王夫龙',
101
+        tel: '18262622250',
102
+        icon: require('../assets/images/icon-97.jpg')
164
       }, {
103
       }, {
165
         name: '郭龙',
104
         name: '郭龙',
166
         tel: '18252086052',
105
         tel: '18252086052',
169
         name: '金磊',
108
         name: '金磊',
170
         tel: '13951717079',
109
         tel: '13951717079',
171
         icon: require('../assets/images/icon-92.jpg')
110
         icon: require('../assets/images/icon-92.jpg')
172
-      }, {
173
-        name: '林杰',
174
-        tel: '13776509522',
175
-        icon: require('../assets/images/icon-93.jpg')
176
-      }, {
177
-        name: '刘非凡',
178
-        tel: '15895981005',
179
-        icon: require('../assets/images/icon-94.jpg')
180
-      }, {
181
-        name: '孙雅婷',
182
-        tel: '15861823778',
183
-        icon: require('../assets/images/icon-95.jpg')
184
-      }, {
185
-        name: '唐玉倩',
186
-        tel: '18662709607',
187
-        icon: require('../assets/images/icon-96.jpg')
188
-      }, {
189
-        name: '王夫龙',
190
-        tel: '18262622250',
191
-        icon: require('../assets/images/icon-97.jpg')
192
-      }, {
193
-        name: '王康',
194
-        tel: '13451833679',
195
-        icon: require('../assets/images/icon-98.jpg')
196
-      }, {
197
-        name: '王薇薇',
198
-        tel: '15261875877',
199
-        icon: require('../assets/images/icon-99.jpg')
200
-      }, {
201
-        name: '许悦',
202
-        tel: '13921429936',
203
-        icon: require('../assets/images/icon-100.jpg')
204
-      }, {
205
-        name: '易旭强',
206
-        tel: '13913922396',
207
-        icon: require('../assets/images/icon-101.jpg')
208
       }, {
111
       }, {
209
         name: '于好',
112
         name: '于好',
210
         tel: '15195969929',
113
         tel: '15195969929',
211
         icon: require('../assets/images/icon-102.jpg')
114
         icon: require('../assets/images/icon-102.jpg')
212
       }, {
115
       }, {
213
-        name: '张富彪',
214
-        tel: '15895851868',
215
-        icon: require('../assets/images/icon-103.jpg')
216
-      }, {
217
-        name: '张非凡',
218
-        tel: '13401923162',
219
-        icon: require('../assets/images/icon-104.jpg')
116
+        name: '王康',
117
+        tel: '13451833679',
118
+        icon: require('../assets/images/icon-98.jpg')
220
       }, {
119
       }, {
221
-        name: '张利',
222
-        tel: '15050599890',
223
-        icon: require('../assets/images/icon-105.jpg')
120
+        name: '孙雅婷',
121
+        tel: '15861823778',
122
+        icon: require('../assets/images/icon-95.jpg')
224
       }, {
123
       }, {
225
         name: '朱雪花',
124
         name: '朱雪花',
226
         tel: '13914781999',
125
         tel: '13914781999',
227
         icon: require('../assets/images/icon-106.jpg')
126
         icon: require('../assets/images/icon-106.jpg')
127
+      }, {
128
+        name: '陈德彪',
129
+        tel: '18351837231',
130
+        icon: require('../assets/images/icon-89.jpg')
131
+      }, {
132
+        name: '唐玉倩',
133
+        tel: '18662709607',
134
+        icon: require('../assets/images/icon-96.jpg')
228
       }]
135
       }]
229
     }
136
     }
230
   },
137
   },