beizhu

src/main.js

 import App from './App.vue'
 import router from './router'
 import store from './store'
-import './theme'
+// import './theme'
 // import './public/style/common.scss'
 // import AMap  from 'vue-amap'
 

src/pages/building/buildingdetail.vue

     <correlation-dynamics></correlation-dynamics>
     <div class="btn">
       <van-button @click="gotoLookHouse" size="large" >预约看房</van-button>
-  </div>
+    </div>
 </div>
 </template>
 
     position: fixed;
     top:617px;
     left:0;
+    background-color: rgba(63,65,68,1);
+    font-size:16px;
+    font-family:PingFangSC-Regular;
+    font-weight:400;
+    color:rgba(255,255,255,1);
   }
 }
 

src/pages/building/components/housename.vue

         </div>
         <div class="housenamefooter">
             <span class="housetype">挑高双层</span>
-            <span class="housetel" @click="altfun()"><i class="iconfont  icon-dianhua2 phone"> </i><span >400-7689-9756</span></span>
+            <span class="housetel"><i class="iconfont  icon-dianhua2 phone"> </i><span ><a :href="'tel:' + 13057612112">13057612112</a></span></span>
         </div>
     </div>
 </template>
 
 export default {
     name:'HouseName',
-    methods:{
-        altfun(){
-            console.log(this)
-            this.$dialog.alert({
-            title: '标题',
-            message: '弹窗内容'
-            }).then(() => {
-            // on close
-            })
-        }
-    }
+    // methods:{
+    //     altfun(){
+    //         // console.log(this)
+    //         this.$dialog.confirm({
+    //         message: '弹窗内容'
+    //         }).then(() => {
+    //         // on close
+    //         })
+    //     }
+    // }
 }
 </script>
 <style lang="postcss" scoped>

src/pages/reservation/lookhouse.vue

   <div class="appoint-form">
     <vue-headful title="预约看房信息填写"  />
     <div class="title"><h1>预约看房</h1>
-      <van-cell-group>
-        <van-cell class="field_name" is-link arrow-direction="down" @click="showName()">楼盘名称：
+        <van-cell-group>
+          <van-cell class="field_name" is-link arrow-direction="down" @click="showName()">楼盘名称：
+              <van-popup v-model="inside" position="bottom" :overlay="false">
+                <ul class="housenamelist">
+                  <li class="namelist">春江新城</li>
+                </ul>
+              </van-popup>
+          </van-cell>
+          <van-cell class="field_name">楼盘地址：</van-cell>
+          <van-switch-cell v-model="checked" title="马上去" />
+          <van-cell class="field_name" @click="showDatePicker()">预约时间：
             <van-popup v-model="show" position="bottom" :overlay="false">
-              <ul>
-                <li></li>
-              </ul>
+              <van-datetime-picker v-model="currentDate" type="datetime" :min-date="minDate" :max-date="maxDate"/>
             </van-popup>
-        </van-cell>
-        <van-cell class="field_name">楼盘地址：</van-cell>
-        <van-switch-cell v-model="checked" title="马上去" />
-        <van-cell class="field_name" @click="showDatePicker()">预约时间：
-          <van-popup v-model="show" position="bottom" :overlay="false">
-            <van-datetime-picker v-model="currentDate" type="datetime" :min-date="minDate" :max-date="maxDate"/>
-          </van-popup>
-        </van-cell>
-        <van-field class="field_name"  label="手机号码：" />
-        <van-field class="field_name"  label="预约看房人数："/> 
-      </van-cell-group>
-      <div class="information">
-        <span class="remarks">备注信息：</span>
-        <div class="input_content">
-            <textarea  id="textArea" class="content_txt" maxlength="100" placeholder="例如:偏好、预算、要求等" onfocus="this.placeholder=''" onblur="this.placeholder='例如:偏好、预算、要求等'"></textarea>
-            <span class="number"><span  id="textNum" style="color:#FB6B2F">0</span><span>/100</span></span>
-        </div>
-      </div>
+          </van-cell>
+          <van-field class="field_name"  label="手机号码：" />
+          <van-field class="field_name"  label="看房人数："/> 
+        </van-cell-group>
+        <div class="information">
+          <span class="remarks">备注信息：</span>
+          <div class="input_content">
+              <textarea  id="textArea" class="content_txt" maxlength="100" placeholder="例如:偏好、预算、要求等" onfocus="this.placeholder=''" onblur="this.placeholder='例如:偏好、预算、要求等'"></textarea>
+              <span class="number"><span  id="textNum" style="color:#FB6B2F">0</span><span>/100</span></span>
+          </div>
+        </div> 
     </div>
-    <div>
+    <div class="btn">
       <van-button size="large">提交</van-button>
     </div>
   </div>
   },
   data() {
     return {
-      checked: true,
+      checked: false,
+      inside: false,
       show: false,
       minHour: 10,
       maxHour: 20,
       this.show = true;
     },
     showName (){
-      this.show = true;
+      this.inside = true;
     }
   }
 };
 .appoint-form {
   padding: 26px;
 
+.van-button{
+    background-color: rgba(63,65,68,1);
+    font-size:16px;
+    font-family:PingFangSC-Regular;
+    font-weight:400;
+    color:rgba(255,255,255,1);
+  }
   .title {
     background-color: #fff;
     margin-bottom: 22px;
     color: rgba(0, 0, 0, 1);
     line-height: 20px;
 
-    .van-field {
-      .van-cell__title {
-        max-width: 100px !important;
-      }
+  .housenamelist{
+    width: 100%;
+    height: 224px;
+
+     .namelist{
+      width: 90%;
+      border-bottom:1px solid #EBEBEB;
+      text-align: center;
     }
   }
+  }
 }
 </style>