'修改定位样式'

src/pages/home/location.vue

@@ -43,7 +43,7 @@
         </div>
       </section>
       <!-- 省份 -->
-      <section ref="pro" class="pro-wrapper">
+      <section v-show="province_flag" ref="pro" class="pro-wrapper">
         <div class="pro-content">
           <list-item :item-height="40">
             <item v-for="(item,index) in lists" :key="index" :proportion="[5,2]">
@@ -52,22 +52,23 @@
           </list-item>
         </div>
       </section>
-      <!--    &lt;!&ndash; 城市 &ndash;&gt;
-          <scroll v-show="!province_flag" :pullUp="false" class="content-scroll">
-
+      <!-- 城市 -->
+      <section v-show="!province_flag" ref="city" class="pro-wrapper">
+        <div class="city-content">
           <list-item :item-height="40">
             <item v-for="(item,index) in cityList" :key="index" :proportion="[5,2]">
               <section slot="name" @click="selectCity(item.city_name)">{{ item.city_name }}</section>
             </item>
           </list-item>
-          </scroll>-->
+        </div>
+      </section>
 
     </section>
   </h-view>
 </template>
 <script>
-  import BScroll from 'better-scroll'
-  export default {
+import BScroll from 'better-scroll'
+export default {
   name: 'Location',
   data () {
     return {
@@ -122,7 +123,7 @@
             vm.lists = res.lists
             vm.$nextTick(() => {
               vm.scroll = new BScroll(vm.$refs.pro, {
-                click: true
+                click: true,
               })
             })
           })
@@ -152,8 +153,12 @@
           let vm = this
           this.hlsHttp.post(url, param).then(function (res) {
             console.log(res)
-            //  this.lists = res.lists
             vm.cityList = res.lists
+            vm.$nextTick(() => {
+              vm.cityScroll = new BScroll(vm.$refs.city, {
+                click: true,
+              })
+            })
           })
           this.flag = !this.flag
           this.province_flag = false
@@ -175,7 +180,7 @@
           })
         },
       },
-  }
+}
 </script>
 <style lang='less' scoped>
   #location {