Selaa lähdekoodia

Merge branch 'master' of http://git.shengws.com/xmg123/micro_vue

xiaoming_global 5 vuotta sitten
vanhempi
commit
c1ded1a75f

+ 12 - 12
package-lock.json Näytä tiedosto

@@ -38,16 +38,16 @@
38 38
     },
39 39
     "@babel/runtime": {
40 40
       "version": "7.6.3",
41
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
42
-      "integrity": "sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==",
41
+      "resolved": "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.6.3.tgz?cache=0&sync_timestamp=1570565315026&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.6.3.tgz",
42
+      "integrity": "sha1-k1Eix0xz0iQMr9Mt21/Cps01zx8=",
43 43
       "requires": {
44 44
         "regenerator-runtime": "^0.13.2"
45 45
       },
46 46
       "dependencies": {
47 47
         "regenerator-runtime": {
48 48
           "version": "0.13.3",
49
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz",
50
-          "integrity": "sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw=="
49
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.13.3.tgz",
50
+          "integrity": "sha1-fPanfY9cb2Drc8X8GVWyzrAea/U="
51 51
         }
52 52
       }
53 53
     },
@@ -169,13 +169,13 @@
169 169
     },
170 170
     "@vant/icons": {
171 171
       "version": "1.1.15",
172
-      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.1.15.tgz",
173
-      "integrity": "sha512-96tbJotfofrKpOrUGWKkiGLJsCFc0OX5pikWLW5yarD+EMhi0zCrQSDb95xGrp/HETAFm+nSTQu2e1zGsWN/7A=="
172
+      "resolved": "https://registry.npm.taobao.org/@vant/icons/download/@vant/icons-1.1.15.tgz",
173
+      "integrity": "sha1-U8UaziHpmSv+6y4a2QlPv2UG0RY="
174 174
     },
175 175
     "@vue/babel-helper-vue-jsx-merge-props": {
176 176
       "version": "1.0.0",
177
-      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.0.0.tgz",
178
-      "integrity": "sha512-6tyf5Cqm4m6v7buITuwS+jHzPlIPxbFzEhXR5JGZpbrvOcp1hiQKckd305/3C7C36wFekNTQSxAtgeM0j0yoUw=="
177
+      "resolved": "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.0.0.tgz",
178
+      "integrity": "sha1-BI/leZWNpAj7eosqPsBQtQpmEEA="
179 179
     },
180 180
     "JSV": {
181 181
       "version": "4.0.2",
@@ -13834,8 +13834,8 @@
13834 13834
     },
13835 13835
     "vant": {
13836 13836
       "version": "2.2.10",
13837
-      "resolved": "https://registry.npmjs.org/vant/-/vant-2.2.10.tgz",
13838
-      "integrity": "sha512-O8HhrwMkqwA3fYFDwHLxFNh7ckAafao+4gF0hIdwSjypvEdbd6jgtPep0k3Z+CzPXkvPNUV5XCwR3fSH0AIgKw==",
13837
+      "resolved": "https://registry.npm.taobao.org/vant/download/vant-2.2.10.tgz",
13838
+      "integrity": "sha1-rAqkPn8n5WpyCXdPh7h62TYIO1E=",
13839 13839
       "requires": {
13840 13840
         "@babel/runtime": "7.x",
13841 13841
         "@vant/icons": "1.1.15",
@@ -13845,8 +13845,8 @@
13845 13845
       "dependencies": {
13846 13846
         "vue-lazyload": {
13847 13847
           "version": "1.2.3",
13848
-          "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
13849
-          "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
13848
+          "resolved": "https://registry.npm.taobao.org/vue-lazyload/download/vue-lazyload-1.2.3.tgz?cache=0&sync_timestamp=1568801961628&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-lazyload%2Fdownload%2Fvue-lazyload-1.2.3.tgz",
13849
+          "integrity": "sha1-kB+ewVx+bKeHgaK65KNDaGve2yw="
13850 13850
         }
13851 13851
       }
13852 13852
     },

+ 1 - 1
src/router/index.js Näytä tiedosto

@@ -121,7 +121,7 @@ var _constant_router_map = [
121 121
 
122 122
   {
123 123
     path: "/",
124
-    component: () => import("@/scrm_pages/newsDetail/newsDetail")
124
+    component: () => import("@/scrm_pages/contact/contactus")
125 125
   },
126 126
 
127 127
   // 医院介绍详情路由

+ 11 - 12
src/scrm_pages/activity/activity.vue Näytä tiedosto

@@ -25,12 +25,11 @@
25 25
           </div>
26 26
         </div>
27 27
         <div class="detail" v-else-if="it.title == ''">
28
-            <div class="noImg">
29
-                  <img src="../../../static/images/none2.png" alt />
30
-            </div>
28
+          <div class="noImg">
29
+            <img src="../../../static/images/none2.png" alt />
30
+          </div>
31 31
         </div>
32 32
       </div>
33
-     
34 33
     </div>
35 34
   </div>
36 35
 </template>
@@ -65,8 +64,8 @@ export default {
65 64
     //     }
66 65
     //   });
67 66
     // }
68
-    singleActivitInfo(id){
69
-      window.location.href = "http://wx.kuyicloud.com/weixin/activity/"+id;
67
+    singleActivitInfo(id) {
68
+      window.location.href = "http://wx.kuyicloud.com/weixin/activity/" + id;
70 69
     }
71 70
   },
72 71
   created() {
@@ -129,16 +128,16 @@ export default {
129 128
       color: rgba(155, 155, 155, 1);
130 129
       line-height: 1.125rem;
131 130
     }
132
-     .noImg {
133
-    width: 3.125rem;
134
-    height: 3.125rem;
135
-    margin: 1.25rem auto 0;
136
-    img {
131
+    .noImg {
137 132
       width: 3.125rem;
138 133
       height: 3.125rem;
134
+      margin: 1.25rem auto 0;
135
+      img {
136
+        width: 3.125rem;
137
+        height: 3.125rem;
138
+      }
139 139
     }
140 140
   }
141
-  }
142 141
 }
143 142
 .detailBox {
144 143
   margin-top: 0.625rem;

+ 164 - 33
src/scrm_pages/contact/contactus.vue Näytä tiedosto

@@ -1,17 +1,45 @@
1 1
 <template>
2 2
   <div class="page_home">
3
+<<<<<<< .mine
4
+    <!-- <iframe  :src = this.customUrl width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe> -->
5
+    <div>
6
+      <div v-for="item in this.ordmodel" :key="item.id">
7
+=======
3 8
 
4 9
       <div v-for="item in this.ordmodel" :key="item.id" class="modeone"> 
5
-       <div class="focusImg" v-if="item.mode_type == 1">
6
-        <div class="swiper-container">
7
-          <div class="swiper-wrapper">
8
-            <div class="swiper-slide" v-for="it in item.Conrotation" :key="it.id">
9
-              <img class="imgtwo" :src="it.images" />
10
+
11
+>>>>>>> .theirs
12
+        <div class="focusImg" v-if="item.mode_type == 1">
13
+          <div class="swiper-container">
14
+            <div class="swiper-wrapper">
15
+              <div class="swiper-slide" v-for="it in item.Conrotation" :key="it.id">
16
+                <img class="imgtwo" :src="it.images" />
17
+              </div>
10 18
             </div>
19
+            <!-- 如果需要分页器 -->
20
+            <div class="swiper-pagination"></div>
11 21
           </div>
22
+<<<<<<< .mine
23
+
24
+
25
+=======
12 26
   
13 27
           <!-- <div class="swiper-pagination"></div> -->
28
+>>>>>>> .theirs
14 29
         </div>
30
+<<<<<<< .mine
31
+        <!-- <div class="detail"> -->
32
+        <div class="row one detail" v-if="item.mode_type == 2">
33
+          <p class="title">{{item.title}}:</p>
34
+          <p class="msg">{{item.Hosaddress.address}}</p>
35
+
36
+
37
+
38
+
39
+
40
+
41
+
42
+=======
15 43
       </div>
16 44
       
17 45
       <div class="row" v-if="item.mode_type == 2">
@@ -23,8 +51,34 @@
23 51
           <p class="title">{{it.title}}:</p>
24 52
           <p class="msg">{{it.content}}</p>
25 53
           <br />
54
+>>>>>>> .theirs
55
+        </div>
56
+        <div class="row" v-if="item.mode_type == 3">
57
+          <div v-for="it in Connectways" :key="it.id">
58
+            <p class="title">{{it.title}}:</p>
59
+            <p class="msg">{{it.content}}</p>
60
+            <br />
61
+          </div>
62
+        </div>
63
+        <div class="row" v-if="item.mode_type == 4">
64
+          <p class="title">{{item.title}}:</p>
65
+          <p class="msg">{{item.Worktime.worktime}}</p>
66
+        </div>
67
+        <div class="row one" v-if="item.mode_type == 5">
68
+          <p class="title">{{item.title}}:</p>
69
+          <p class="msg">{{item.Rideway.ride_way}}</p>
26 70
         </div>
27 71
       </div>
72
+<<<<<<< .mine
73
+
74
+
75
+
76
+
77
+
78
+
79
+
80
+
81
+=======
28 82
       <div class="row" v-if="item.mode_type == 4">
29 83
         <p class="title">{{item.title}}:</p>
30 84
         <p class="msg">{{item.Worktime.worktime}}</p>
@@ -33,9 +87,9 @@
33 87
         <p class="title">{{item.title}}:</p>
34 88
         <p class="msg">{{item.Rideway.ride_way}}</p>
35 89
       </div>
90
+>>>>>>> .theirs
36 91
     </div>
37 92
 
38
-
39 93
     <!-- tab切换 -->
40 94
     <div class="tabs">
41 95
       <ul class="tabList">
@@ -43,7 +97,8 @@
43 97
           class="tabOne"
44 98
           v-for="item in this.navigationdata"
45 99
           :key="item.id"
46
-          @click="CallPhone(item.linktype,item.navaddress,item.user_org_id)">
100
+          @click="CallPhone(item.linktype,item.navaddress,item.user_org_id)"
101
+        >
47 102
           <img :src="item.nonavimages" alt />
48 103
           <span>{{item.navtitle}}</span>
49 104
         </li>
@@ -55,32 +110,41 @@
55 110
 <script>
56 111
 import Swiper from "swiper";
57 112
 import Vue from "vue";
58
-import { Swipe, SwipeItem} from "mint-ui";
113
+import { Swipe, SwipeItem } from "mint-ui";
59 114
 import "mint-ui/lib/style.css";
60
-import { getDefalutNavigationData,getOrderModel, getAllConnecWay } from "@/api/micro/micro";
115
+import {
116
+  getDefalutNavigationData,
117
+  getOrderModel,
118
+  getAllConnecWay
119
+} from "@/api/micro/micro";
61 120
 export default {
62 121
   data() {
63 122
     return {
64 123
       navigationdata: [],
65
-       ordmodel: [],
66
-      Connectways: [],
124
+      ordmodel: [],
125
+      Connectways: []
67 126
     };
68 127
   },
69 128
   methods: {
70
-     getDefalutNavigationData(orgid) {
129
+    getDefalutNavigationData(orgid) {
71 130
       getDefalutNavigationData(orgid).then(response => {
72 131
         if (response.data.state == 1) {
73 132
           var navigation = response.data.data.navigation;
74 133
           for (let index = 0; index < navigation.length; index++) {
134
+<<<<<<< .mine
135
+            navigation[1].nonavimages =
136
+              "https://images.shengws.com/2124_o_1571990749565.png";
137
+=======
75 138
               navigation[3].nonavimages = "https://images.shengws.com/2124_o_1571990749565.png";
76 139
 
140
+>>>>>>> .theirs
77 141
           }
78 142
           console.log("navigation是什么", navigation);
79 143
           this.navigationdata = navigation;
80 144
         }
81 145
       });
82 146
     },
83
-      initSwiper() {
147
+    initSwiper() {
84 148
       var mySwiper1 = new Swiper(".swiper-container", {
85 149
         loop: true, // 循环模式选项
86 150
         pagination: {
@@ -109,17 +173,17 @@ export default {
109 173
         }
110 174
       });
111 175
     },
112
-      CallPhone(linktype, address,orgid) {
113
-      console.log("orgid是什么啊",orgid)
114
-      console.log("linktype",linktype)
115
-      if(linktype == "1"){
116
-          this.$router.push({
117
-              path:"/microHome",
118
-              query:{
119
-                  orgid:orgid,
120
-              }
121
-          })
122
-     }
176
+    CallPhone(linktype, address, orgid) {
177
+      console.log("orgid是什么啊", orgid);
178
+      console.log("linktype", linktype);
179
+      if (linktype == "1") {
180
+        this.$router.push({
181
+          path: "/microHome",
182
+          query: {
183
+            orgid: orgid
184
+          }
185
+        });
186
+      }
123 187
       if (linktype == "2") {
124 188
         // window.location.href = address;
125 189
         this.$router.push({
@@ -127,11 +191,22 @@ export default {
127 191
           query: {
128 192
             orgid: orgid
129 193
           }
130
-         });
194
+        });
131 195
       }
132 196
       if (linktype == "3") {
133 197
         window.location.href = "tel://" + address + "";
134 198
       }
199
+<<<<<<< .mine
200
+      if (linktype == "4") {
201
+        // window.location.href = address;
202
+        this.$router.push({
203
+          path: "/custom",
204
+          query: {
205
+            orgid: orgid
206
+          }
207
+        });
208
+      }
209
+=======
135 210
       // if (linktype == "4") {
136 211
       //   // window.location.href = address;
137 212
       //   this.$router.push({
@@ -141,25 +216,69 @@ export default {
141 216
       //     }
142 217
       //   })
143 218
       // }
144
-    },
219
+>>>>>>> .theirs
220
+    }
145 221
   },
146
-   created(){
222
+  created() {
147 223
     const orgid = this.$route.query.orgid;
148
-       console.log("我的", orgid);
149
-     this.url = orgid;
224
+    console.log("我的", orgid);
225
+    this.url = orgid;
150 226
     this.getDefalutNavigationData(orgid);
151
-     this.getOrderModel(orgid);
152
-     this.getAllConnecWay(orgid);
227
+    this.getOrderModel(orgid);
228
+    this.getAllConnecWay(orgid);
153 229
     this.initSwiper();
154 230
   },
155
-updated() {
231
+  updated() {
156 232
     this.initSwiper();
157 233
   }
158
- };
234
+};
159 235
 </script>
160 236
 
161 237
 <style lang="scss" scoped>
162 238
 @import "../../assets/styles/mixin.scss";
239
+<<<<<<< .mine
240
+
241
+.page_home {
242
+  overflow: hidden;
243
+  display: flex;
244
+  flex-direction: column;
245
+  height: 100%;
246
+  overflow-y: auto;
247
+  > div:first-child {
248
+    flex: 1;
249
+    overflow: auto;
250
+  }
251
+  > div:first-child::-webkit-scrollbar {
252
+    width: 0;
253
+  }
254
+  // border:solid 1px red;
255
+}
256
+// .bugone{
257
+//   border: solid 1px red;
258
+// }
259
+
260
+=======
261
+
262
+
263
+
264
+
265
+
266
+
267
+
268
+
269
+
270
+
271
+
272
+
273
+
274
+
275
+
276
+
277
+
278
+
279
+
280
+
281
+>>>>>>> .theirs
163 282
 .tabs {
164 283
   @include border-top;
165 284
   width: 100%;
@@ -191,6 +310,17 @@ updated() {
191 310
 .page_home {
192 311
   overflow: hidden;
193 312
   height: 100%;
313
+<<<<<<< .mine
314
+  // > div:nth-of-type(2) {
315
+  //   min-height: 5.125rem;
316
+  // }
317
+
318
+
319
+
320
+
321
+
322
+
323
+=======
194 324
   display:flex;
195 325
   flex-direction: column;
196 326
   >div:first-child{
@@ -200,6 +330,7 @@ updated() {
200 330
   > div:nth-of-type(2) {
201 331
     min-height: 3.0rem;
202 332
   }
333
+>>>>>>> .theirs
203 334
   > div:nth-of-type(3) {
204 335
     min-height: 3.125rem;
205 336
   } 

+ 150 - 123
src/scrm_pages/contactus/contactus.vue Näytä tiedosto

@@ -1,4 +1,18 @@
1 1
 <template>
2
+<<<<<<< .mine
3
+  <div class="page_contactus">
4
+    <!-- 联系我们页面 -->
5
+    <div class="scroll" style="padding:15px 4%;">
6
+      <div v-for="item in this.ordmodel" :key="item.id">
7
+        <div v-if="item.mode_type == 1" class="contractmodeone">
8
+          <mt-swipe :auto="4000" class="swipertwo">
9
+            <mt-swipe-item v-for="it in item.Conrotation" :key="it.id">
10
+              <img :src="it.images" style="width:100%;height:100%" />
11
+            </mt-swipe-item>
12
+          </mt-swipe>
13
+        </div>
14
+
15
+=======
2 16
     <div>
3 17
           <!-- 联系我们页面 -->
4 18
          <div class="scroll"  style="padding:15px 4%;">
@@ -11,143 +25,156 @@
11 25
                              </mt-swipe-item>
12 26
                         </mt-swipe>
13 27
                      </div>
28
+>>>>>>> .theirs
14 29
 
15
-                     <div v-if="item.mode_type == 2" class="oldmodetwo">
16
-                          <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span></div>
17
-                     </div>
18
-                     <div  v-if="item.mode_type == 3">
19
-                            <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
20
-                                  <div class="oldmodefive">
21
-                                      <span>{{it.title}}:&nbsp;&nbsp;{{it.content}}</span>
22
-                                 </div>
23
-                             <div class="oldmodesix" @click="tallPhone(it.content)">
24
-                                  <img src="static/images/u318.png" style="width 100%;height:100%">
25
-                             </div>
26
-                            </div>
27
-                     </div>
28
-                      <div class="oldmodefour" v-if="item.mode_type == 4">
29
-                          <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
30
-                          </div>
31
-                             <div class="oldmodethree" v-if="item.mode_type == 5">
32
-                               <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
33
-                             </div>
34
-                        </div>
35
-                 </div>
30
+        <div v-if="item.mode_type == 2" class="oldmodetwo">
31
+          <div>
32
+            <span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span>
33
+          </div>
34
+        </div>
35
+        <div v-if="item.mode_type == 3">
36
+          <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
37
+            <div class="oldmodefive">
38
+              <span>{{it.title}}:&nbsp;&nbsp;{{it.content}}</span>
39
+            </div>
40
+            <div class="oldmodesix" @click="tallPhone(it.content)">
41
+              <img src="static/images/u318.png" style="width 100%;height:100%" />
42
+            </div>
43
+          </div>
44
+        </div>
45
+        <div class="oldmodefour" v-if="item.mode_type == 4">
46
+          <div>
47
+            <span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span>
36 48
           </div>
49
+        </div>
50
+        <div class="oldmodethree" v-if="item.mode_type == 5">
51
+          <div>
52
+            <span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span>
53
+          </div>
54
+        </div>
55
+      </div>
56
+    </div>
57
+  </div>
37 58
 </template>
38 59
 
39 60
 <script>
40
-     import Swiper from "swiper";
41
-     import Vue from 'vue';
42
-     import { Swipe, SwipeItem } from 'mint-ui';
43
-     import 'mint-ui/lib/style.css'
44
-     import { getOrderModel,getAllConnecWay } from "@/api/micro/micro"
45
-    export default {
46
-        name: "contactus",
47
-        data(){
48
-           return{
49
-             ordmodel:[],
50
-             Connectways:[],
51
-           }
52
-        },
53
-        methods:{
54
-           getOrderModel(orgid){
55
-               getOrderModel(orgid).then(response=>{
56
-                 if(response.data.state == 1){
57
-                   var ordmodel = response.data.data.ordmodel;
58
-                   console.log("ordmodel是什么",ordmodel)
59
-                   this.ordmodel = response.data.data.ordmodel;
60
-                 }
61
-               })
62
-           },
63
-          getAllConnecWay(orgid){
64
-             getAllConnecWay(orgid).then(response=>{
65
-                 if(response.data.state == 1){
66
-                    var connect = response.data.data.connect;
67
-                    this.Connectways = connect;
68
-                 }
69
-             })
70
-           },
71
-           tallPhone(content){
72
-               window.location.href = 'tel://'+content+'';
73
-           }
74
-        },
75
-        created(){
76
-           const orgid = this.$route.query.orgid;
77
-          console.log("联系我们orgid是多少",orgid)
78
-          this.getOrderModel(orgid)
79
-          this.getAllConnecWay(orgid)
61
+import Swiper from "swiper";
62
+import Vue from "vue";
63
+import { Swipe, SwipeItem } from "mint-ui";
64
+import "mint-ui/lib/style.css";
65
+import { getOrderModel, getAllConnecWay } from "@/api/micro/micro";
66
+export default {
67
+  name: "contactus",
68
+  data() {
69
+    return {
70
+      ordmodel: [],
71
+      Connectways: []
72
+    };
73
+  },
74
+  methods: {
75
+    getOrderModel(orgid) {
76
+      getOrderModel(orgid).then(response => {
77
+        if (response.data.state == 1) {
78
+          var ordmodel = response.data.data.ordmodel;
79
+          console.log("ordmodel是什么", ordmodel);
80
+          this.ordmodel = response.data.data.ordmodel;
80 81
         }
81
-
82
+      });
83
+    },
84
+    getAllConnecWay(orgid) {
85
+      getAllConnecWay(orgid).then(response => {
86
+        if (response.data.state == 1) {
87
+          var connect = response.data.data.connect;
88
+          this.Connectways = connect;
89
+        }
90
+      });
91
+    },
92
+    tallPhone(content) {
93
+      window.location.href = "tel://" + content + "";
82 94
     }
95
+  },
96
+  created() {
97
+    const orgid = this.$route.query.orgid;
98
+    console.log("联系我们orgid是多少", orgid);
99
+    this.getOrderModel(orgid);
100
+    this.getAllConnecWay(orgid);
101
+  }
102
+};
83 103
 </script>
84 104
 
85
-<style scoped>
86
-    .modeone{
87
-        width: 100%;
88
-        height: 220px;
89
-        margin-bottom: 10px;
90
-        /* border:solid 1px red; */
91
-    }
92
-
93
-   .oldmodetwo{
94
-    width: 300px;
95
-    height: 100%;
96
-    /* border: solid 1px red; */
97
-    font-size: 14px;
98
-    margin-bottom: 8px;
105
+<style lang="scss" scoped>
106
+.page_contactus {
107
+  overflow: hidden;
108
+  height: 100%;
109
+  padding-bottom: 1.25rem;
110
+  overflow-y: auto;
111
+  &::-webkit-scrollbar {
112
+    width: 0;
99 113
   }
114
+}
115
+.modeone {
116
+  width: 100%;
117
+  height: 220px;
118
+  margin-bottom: 10px;
119
+  /* border:solid 1px red; */
120
+}
100 121
 
101
-    .oldmodeone{
102
-        width: 318px;
103
-        min-height: 22px;
104
-        /* border: solid 1px red; */
105
-        margin-bottom: 8px;
106
-    }
107
-
108
-    .oldmodesix{
109
-       position: absolute;
110
-       width: 50px;
111
-       min-height: 20px;
112
-       /* border: solid 1px blue; */
113
-       margin-left: 200px;
114
-       margin-top: -20px;
115
-    }
122
+.oldmodetwo {
123
+  width: 300px;
124
+  height: 100%;
125
+  /* border: solid 1px red; */
126
+  font-size: 14px;
127
+  margin-bottom: 8px;
128
+}
116 129
 
117
-    .oldmodefive{
118
-      width: 250px;
119
-      min-height: 20px;
120
-      /* border: solid 1px red; */
121
-    }
130
+.oldmodeone {
131
+  width: 318px;
132
+  min-height: 22px;
133
+  /* border: solid 1px red; */
134
+  margin-bottom: 8px;
135
+}
122 136
 
123
-  .oldmodefour{
124
-    width: 300px;
125
-    height: 30px;
126
-    color: black;
127
-    /* border:solid 1px red; */
128
-    font-size: 14px;
129
-    margin-bottom: 8px;
130
-  }
137
+.oldmodesix {
138
+  position: absolute;
139
+  width: 50px;
140
+  min-height: 20px;
141
+  /* border: solid 1px blue; */
142
+  margin-left: 200px;
143
+  margin-top: -20px;
144
+}
131 145
 
132
-   .oldmodethree{
133
-    width: 300px;
134
-    height: 100%;
135
-    color: black;
136
-    /* border:solid 1px red; */
137
-    font-size: 14px;
138
-    margin-bottom: 8px;
139
-  }
140
-   .contractmodeone{
141
-     width: 100%;
142
-     height: 200px;
143
-     /* border: solid 1px red */
144
-   }
145
-     #wrappertwo{
146
-     width: 40%;
147
-   }
148
-   #wrappert{
149
-       width: 43%;
150
-   }
146
+.oldmodefive {
147
+  width: 250px;
148
+  min-height: 20px;
149
+  /* border: solid 1px red; */
150
+}
151 151
 
152
+.oldmodefour {
153
+  width: 300px;
154
+  height: 30px;
155
+  color: black;
156
+  /* border:solid 1px red; */
157
+  font-size: 14px;
158
+  margin-bottom: 8px;
159
+}
152 160
 
161
+.oldmodethree {
162
+  width: 300px;
163
+  height: 100%;
164
+  color: black;
165
+  /* border:solid 1px red; */
166
+  font-size: 14px;
167
+  margin-bottom: 8px;
168
+}
169
+.contractmodeone {
170
+  width: 100%;
171
+  height: 200px;
172
+  /* border: solid 1px red */
173
+}
174
+#wrappertwo {
175
+  width: 40%;
176
+}
177
+#wrappert {
178
+  width: 43%;
179
+}
153 180
 </style>