|
@@ -1,23 +1,21 @@
|
|
|
<template>
|
|
|
<view class="videoShopTour-wrap">
|
|
|
- <u-sticky>
|
|
|
- <!-- 搜索方式 -->
|
|
|
- <u-grid :col="2" class="search-type-con" hover-class="none">
|
|
|
- <u-grid-item class="search-module" @click="goSearch">
|
|
|
- <u-icon class="search-icon" name="xundianguanli" custom-prefix="xd-icon" size="80" color="#2b85e4"></u-icon>
|
|
|
- <view class="search-txt">按门店名称查询</view>
|
|
|
- </u-grid-item>
|
|
|
- <u-grid-item class="search-module" @click="goOrgSearch">
|
|
|
- <u-icon class="search-icon" name="zuzhijigou" custom-prefix="xd-icon" size="80" color="#19be6b"></u-icon>
|
|
|
- <view class="search-txt">按组织机构查询</view>
|
|
|
- </u-grid-item>
|
|
|
- </u-grid>
|
|
|
- </u-sticky>
|
|
|
+ <!-- 搜索方式 -->
|
|
|
+ <u-grid :col="2" class="search-type-con" hover-class="none">
|
|
|
+ <u-grid-item class="search-module" @click="goSearch">
|
|
|
+ <u-icon class="search-icon" name="xundianguanli" custom-prefix="xd-icon" size="80" color="#2b85e4"></u-icon>
|
|
|
+ <view class="search-txt">按门店名称查询</view>
|
|
|
+ </u-grid-item>
|
|
|
+ <u-grid-item class="search-module" @click="goOrgSearch">
|
|
|
+ <u-icon class="search-icon" name="zuzhijigou" custom-prefix="xd-icon" size="80" color="#19be6b"></u-icon>
|
|
|
+ <view class="search-txt">按组织机构查询</view>
|
|
|
+ </u-grid-item>
|
|
|
+ </u-grid>
|
|
|
<!-- 门店列表 -->
|
|
|
<view class="list-con">
|
|
|
<view class="list-tit">门店列表</view>
|
|
|
<!-- 列表数据 -->
|
|
|
- <view class="listData-con">
|
|
|
+ <scroll-view class="listData-con" scroll-y>
|
|
|
<view class="listData-item" v-for="(item, index) in list" :key="item.id" @click="goPage(item)">
|
|
|
<view class="listData-item-l">
|
|
|
<u-icon class="listData-item-l-icon" name="mendian" custom-prefix="xd-icon" size="40" color="#888"></u-icon>
|
|
@@ -28,7 +26,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<u-empty :text="noDataText" img-width="120" v-if="list.length == 0 && status != 'loading'" :margin-top="220" style="padding-bottom: 120px;" mode="list"></u-empty>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -115,12 +113,13 @@
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
+<style lang="scss">
|
|
|
page {
|
|
|
background-color: #f8f8f8;
|
|
|
height: calc(100vh - 44px);
|
|
|
}
|
|
|
.videoShopTour-wrap{
|
|
|
+ height: 100%;
|
|
|
// 搜索方式
|
|
|
.search-type-con{
|
|
|
.search-module{
|
|
@@ -132,23 +131,22 @@
|
|
|
}
|
|
|
// 门店列表
|
|
|
.list-con{
|
|
|
- background-color: #fff;
|
|
|
- margin-top: 20upx;
|
|
|
+ margin-top: 10upx;
|
|
|
.list-tit{
|
|
|
padding: 20upx 30upx;
|
|
|
border-bottom: 1upx solid #f8f8f8;
|
|
|
}
|
|
|
.listData-con{
|
|
|
padding: 0 30upx;
|
|
|
+ height: calc(100vh - 165px);
|
|
|
+ box-sizing: border-box;
|
|
|
.listData-item{
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
- padding: 20upx 0;
|
|
|
- border-bottom: 1upx dashed #f8f8f8;
|
|
|
- &:active{
|
|
|
- background: #F8F8F8;
|
|
|
- }
|
|
|
+ padding: 20upx;
|
|
|
+ border-bottom: 1px solid #F8F8F8;
|
|
|
+ background-color: #fff;
|
|
|
&-l{
|
|
|
flex-grow: 1;
|
|
|
padding-right: 10upx;
|