|
@@ -21,34 +21,35 @@
|
|
|
|
|
|
</div>
|
|
|
</form>
|
|
|
- </div>
|
|
|
- <div id="popover" class="mui-popover">
|
|
|
-
|
|
|
- <div class="mui-scroll-wrapper">
|
|
|
+ <div id="popover" class="mui-popover">
|
|
|
|
|
|
- <div class="mui-scroll">
|
|
|
- <div class="address-title">
|
|
|
- <h4>请选择房号</h4>
|
|
|
- <i class="mui-icon mui-icon-closeempty" @click="openPopover"></i>
|
|
|
- </div>
|
|
|
- <div class="address-table">
|
|
|
- <ul>
|
|
|
- <li v-for="(item,i) in selectDataJson"
|
|
|
- :class="{active:i==selectIndex}"
|
|
|
- :key="i" @click="changeIndex(i)">{{item.name}}</li>
|
|
|
-
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!--这里放置真实显示的DOM内容-->
|
|
|
- <ul class="mui-table-view">
|
|
|
- <li class="mui-table-view-cell " v-for="(item,i) in sz1"
|
|
|
- @click="clickLi(item)"
|
|
|
-
|
|
|
- :key="i">{{item.name}}</li>
|
|
|
-
|
|
|
- </ul>
|
|
|
+ <div class="mui-scroll-wrapper">
|
|
|
+
|
|
|
+ <div class="mui-scroll">
|
|
|
+ <div class="address-title">
|
|
|
+ <h4>请选择房号</h4>
|
|
|
+ <i class="mui-icon mui-icon-closeempty" @click="openPopover"></i>
|
|
|
+ </div>
|
|
|
+ <div class="address-table">
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item,i) in selectDataJson"
|
|
|
+ :class="{active:i==selectIndex}"
|
|
|
+ :key="i" @click="changeIndex(i)">{{item.name}}</li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!--这里放置真实显示的DOM内容-->
|
|
|
+ <ul class="mui-table-view">
|
|
|
+ <li class="mui-table-view-cell " v-for="(item,i) in sz1"
|
|
|
+ @click="clickLi(item)"
|
|
|
+
|
|
|
+ :key="i">{{item.name}}</li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
@@ -334,7 +335,7 @@
|
|
|
<style lang="scss" scoped>
|
|
|
.mui-popover {
|
|
|
.mui-table-view{
|
|
|
- max-height: 500px;
|
|
|
+ //max-height: 500px;
|
|
|
}
|
|
|
.mui-table-view-cell{
|
|
|
position: relative;
|