fix

babel.config.js

@@ -1,5 +1,12 @@
 module.exports = {
   presets: [
     '@vue/cli-plugin-babel/preset'
-  ]
-}
+  ],
+  plugins: [
+    [
+      'import',
+      { libraryName: 'vant', libraryDirectory: 'es', style: (name) => `${name}/style/less` },
+      'vant',
+    ],
+  ],
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "secondhanghuse",
+  "name": "vue3",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,7 +9,9 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^3.0.0"
+    "vant": "^3.0.0",
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -17,8 +19,11 @@
     "@vue/cli-service": "~4.5.0",
     "@vue/compiler-sfc": "^3.0.0",
     "babel-eslint": "^10.1.0",
+    "babel-plugin-import": "^1.13.3",
     "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^7.0.0-0"
+    "eslint-plugin-vue": "^7.0.0",
+    "less": "^3.12.2",
+    "less-loader": "^7.1.0"
   },
   "eslintConfig": {
     "root": true,

src/App.vue

@@ -1,26 +1,18 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <div id="app">
+    <router-view />
+    
+  </div>
 </template>
 
-<script>
-import HelloWorld from './components/HelloWorld.vue'
-
-export default {
-  name: 'App',
-  components: {
-    HelloWorld
-  }
-}
-</script>
-
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+body {
+  font-size: 16px;
+  background-color: rgb(249, 249, 249);
+  text-align: center;
   -webkit-font-smoothing: antialiased;
+   font-family: Avenir, Helvetica, Arial, sans-serif;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+  height: 100%;
 }
 </style>

src/components/contextC/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="contextc">
+
+        <van-row>
+          <van-col v-for="(item,index) in options" :key="index" :span="item.span||12"  class="contextc-text">
+              <van-button v-if="item.type=='BUTTOM'" type="default" color="#d75e3a" size="mini" @click="item.click">默认按钮</van-button>
+              <span v-else> {{item.name}}: {{item.value}}</span>
+              
+              </van-col>
+          <!-- <van-col span="12" class="context-text">span: 8</van-col>
+          <van-col span="12" class="context-text">span: 8</van-col>
+          <van-col span="12" class="context-text">span: 8</van-col>
+          <van-col span="12" class="context-text">span: 8</van-col>
+          <van-col span="12" class="context-text">span: 8</van-col>
+          <van-col span="12" class="context-text">span: 8</van-col> -->
+        </van-row>
+ 
+  </div>
+</template>
+
+<script>
+import {Col,Row,Button } from 'vant'
+export default {
+  name: 'contextc',
+  components:{
+      [Row.name]: Row,
+    [Col.name]: Col,
+    [Button.name]: Button,
+     
+  },
+  props: {
+    options:{
+        type:Array,
+        default: () => [],
+    }
+  },
+  setup(){
+      return{}
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang='less' scoped>
+.contextc{
+font-size: 13px;
+    color: #999;
+    &-text{
+        line-height: 24px;
+        display: flex;
+    }
+}
+</style>

src/components/detailCompents/index.js

@@ -0,0 +1,5 @@
+import Swiper from './swiper'
+
+export {
+    Swiper
+};

src/components/detailCompents/swiper/index.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="swiper">
+    <van-swipe :autoplay="3000" @change="onChange" ref="swipe">
+      <van-swipe-item v-for="(image, index) in images" :key="index" >
+        <van-image
+          height="300"
+          fit="contain"
+          :src="image.image"
+          @click="onPerView(index)"
+        />
+      </van-swipe-item>
+    </van-swipe>
+    <div class="swiper-tabs">
+      <van-tabs
+        v-model:active="current"
+        background="rgba(0, 0, 0, 0.69)"
+        line-width="0"
+        color="#fff"
+        title-active-color="#d75e3a"
+        
+        @click="onClickTab"
+      >
+        <van-tab
+          v-for="(image, index) in images"
+          :key="index"
+          :title="image.text"
+          
+        >
+          <!-- {{ image.text }} -->
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref, } from "vue";
+import {
+  Swipe,
+  SwipeItem,
+  Image as VanImage,
+  ImagePreview,
+  Tabs,
+  Tab,
+} from "vant";
+
+export default {
+  name: "swiper",
+  components: {
+    [Swipe.name]: Swipe,
+    [SwipeItem.name]: SwipeItem,
+    [VanImage.name]: VanImage,
+    [Tabs.name]: Tabs,
+    [Tab.name]: Tab,
+  },
+
+  //   images = [
+  //       'https://img.yzcdn.cn/vant/apple-1.jpg',
+  //       'https://img.yzcdn.cn/vant/apple-2.jpg',
+  //     ];
+
+  props: {
+    images: {
+      type: Array,
+      default: () => [
+        {
+          image: "https://img.yzcdn.cn/vant/apple-1.jpg",
+          text: "户型",
+        },
+        {
+          image: "https://img.yzcdn.cn/vant/apple-2.jpg",
+          text: "客厅",
+        },
+      ],
+    },
+  },
+
+  setup(props,) {
+    const current = ref(0);
+const swipe = ref();
+    
+    const onChange = (index) => {
+      current.value = index;
+  
+    };
+    const onPerView = (index) => {
+      ImagePreview({
+        images: props.images.map((x) => x.image),
+        startPosition: index,
+      });
+    };
+    const onClickTab = (index) => {
+      current.value=index
+    swipe.value.swipeTo(index)
+swipe.value.resize()
+    
+      console.log(index,  "ongchawng");
+    };
+
+    // refs.checkbox.toggle();
+    onPerView;
+    return {
+        swipe,
+      current,
+      onChange,
+      onPerView,
+      onClickTab,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less">
+.swiper {
+  width: 100%;
+  height: 300px;
+  position: relative;
+  .van-swipe__indicators{
+      display: none;
+  }
+  &-tabs {
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+
+  }
+}
+.swiper .van-swipe-item {
+  /* color: #fff;
+  font-size: 20px;
+  line-height: 150px;
+  text-align: center;
+  background-color: #39a9ed; */
+}
+</style>

src/components/queryCompents/areaQuery/index.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="areaQuery">
+
+        <van-field
+          v-model="state.value"
+          readonly
+          clickable
+          :name="name"
+          :label="label"
+          placeholder="请选择"
+          @click="state.showCascader = true"
+        />
+        <van-popup v-model:show="state.showCascader" position="bottom">
+          <van-cascader
+            :options="options"
+            @finish="onConfirm"
+            @close="state.showCascader = false"
+          />
+        </van-popup>
+    </div>
+</template>
+
+<script>
+import { reactive } from 'vue';
+import {  Field, Popup, Cascader } from "vant";
+
+export default {
+  name: "areaQuery",
+  components: {
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Cascader.name]: Cascader,
+    // [Picker.name]: Popup,
+  },
+  props: {
+    name:String,
+    label:String,
+    other:Object,
+    // placeholder:'请选择',
+  },
+
+  setup() {
+    const state = reactive({
+      value: '',
+      showCascader:false,
+      
+    });
+
+    const options = [
+      {
+        text: '浙江省',
+        value: '330000',
+        children: [{ text: '杭州市', value: '330100' }],
+      },
+      {
+        text: '江苏省',
+        value: '320000',
+        children: [{ text: '南京市', value: '320100' }],
+      },
+    ];
+
+    const onConfirm = ({selectedOptions}) => {
+      state.showCascader = false;
+
+      state.value = selectedOptions.map((option) => option.text).join('/')
+
+      console.log(selectedOptions.map((option) => option.text).join('/'),'333333')
+        // .filter((item) => !!item)
+        // .map((item) => item.name)
+        // .join('/');
+    };
+
+    return {
+      state,
+      options,
+      onConfirm,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhandmorescreen {
+  text-align: left;
+  background-color: "#f4f4f4";
+}
+</style>

src/components/queryCompents/cheeckButtomQuery/index.vue

@@ -0,0 +1,131 @@
+<template>
+  <div class="cheeckButtomQuery">
+    <van-row>
+      <van-col
+        v-for="(item, index) in options"
+        :key="index"
+        span="6"
+        class="check-cell"
+      >
+        <van-button
+          class="btn"
+          type="default"
+          size="small"
+          @click="onClick(item.value)"
+          :style="{backgroundColor:modelValue.indexOf(item.value) == -1?'':'#ff9800'}"
+        >
+          {{ item.title }}
+        </van-button>
+      </van-col>
+      <van-col class="check-cell" span="6">
+        <van-button
+          class="btn"
+          type="default"
+          size="small"
+          @click="onAllClick()"
+           :style="{backgroundColor:modelValue.length<options.length?'':'#ff9800'}"
+        >
+          全部
+        </van-button>
+      </van-col>
+    </van-row>
+  </div>
+</template>
+
+<script>
+// import { watch } from "vue";
+import { button, row, col } from "vant";
+
+export default {
+  name: "cheeckButtomQuery",
+  components: {
+    [button.name]: button,
+    [row.name]: row,
+    [col.name]: col,
+  },
+
+  props: {
+    options: {
+      type: Array,
+      default: () => [],
+    },
+    modelValue: {
+      type: Array,
+      default: () => [],
+    },
+    name: String,
+    label: String,
+    other: Object,
+    // placeholder:'请选择',
+  },
+  emits: ["change", "value", "update:modelValue"],
+  setup(props, { emit }) {
+    // const { options, modelValue } = props;{ emit }
+
+    const onClick = (item) => {
+      console.log(props.modelValue,item, emit);
+
+      let arr = props.modelValue;
+      // for (let i in props.value) {
+      //     arr.push(props.value[i]);        //key
+      //     //arr.push(obj[i]); //值
+      // }
+    //   console.log(arr);
+      if (arr.indexOf(item) == -1) {
+        arr.push(item);
+        // console.log(arr, "000");
+      } else {
+        const newArr = arr.filter((x) => x != item);
+        //  console.log(newArr, arr, "arr");
+        emit("update:modelValue", [...newArr]);
+      }
+
+    //   console.log(item, arr, "arr");
+    };
+
+    const onAllClick = () => {
+      console.log("cheeckButtomQueryononAllClick");
+
+      if(props.modelValue.length<props.options.length){
+          emit("update:modelValue", [...props.options.map(x=>x.value)]);
+          
+      }else{
+           emit("update:modelValue", []);
+      }
+
+      
+
+    };
+
+    //  watch(
+    //   () => state.age,
+    //   (age, preAge) => {
+    //     console.log(age); // 100
+    //     console.log(preAge); // 10
+    //   }
+    // )
+
+    return {
+      onClick,
+      onAllClick,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.cheeckButtomQuery {
+  //   text-align: left;
+  background-color: "#f4f4f4";
+  padding: 10px;
+  .check-cell {
+    padding: 10px;
+  }
+  .btn {
+    padding: 0;
+    width: 100%;
+    border-radius:5px
+  }
+}
+</style>

src/components/queryCompents/demandQuery/index.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="demand-query">
+   
+      <!-- <template #input>
+        <div> -->
+          <van-cell
+            class="demand-query-cell"
+            title-class="demand-query-title"
+            value-class="demand-query-value"
+            title="楼层"
+          >
+            <van-field v-model="state.number1" type="number" />
+            -
+            <van-field v-model="state.number2" type="number" />
+          </van-cell>
+
+          <van-cell
+            class="demand-query-cell"
+            title-class="demand-query-title"
+            value-class="demand-query-value"
+            title="面积"
+          >
+            <van-field v-model="state.number3" type="number" />
+            -
+            <van-field v-model="state.number4" type="number" />
+
+            ㎡
+          </van-cell>
+          <van-cell
+            class="demand-query-cell"
+            title-class="demand-query-title"
+            value-class="demand-query-value"
+            title="总价"
+          >
+            <van-field v-model="state.number5" type="number" />
+            -
+            <van-field v-model="state.number6" type="number" />
+
+            万元
+          </van-cell>
+        <!-- </div>
+      </template> -->
+    <!-- </van-field> -->
+
+    <!-- <van-field
+          v-model="state.value"
+          readonly
+          clickable
+          :name="name"
+          :label="label"
+          placeholder="请选择"
+          @click="state.showCascader = true"
+        />
+        <van-popup v-model:show="state.showCascader" position="bottom">
+          <van-cascader
+            :options="options"
+            @finish="onConfirm"
+            @close="state.showCascader = false"
+          />
+        </van-popup> -->
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Field, Popup, Cascader, Cell } from "vant";
+
+export default {
+  name: "demandQuery",
+  components: {
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Cascader.name]: Cascader,
+    [Cell.name]: Cell,
+  },
+  props: {
+    name: Object,
+    label: String,
+    other: Object,
+    // placeholder:'请选择',
+  },
+  data(){
+    return {
+      value:'22'
+    }
+  },
+
+  setup() {
+
+
+    const state = reactive({
+      number1: 2,
+      number2: "",
+      number3: "",
+      number4: "",
+      number5: "",
+      number6: "",
+    });
+
+ 
+
+    return {
+
+      state,
+     
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less">
+.demand-query {
+  text-align: left;
+
+  &-title {
+    flex: inherit;
+    width: 70px;
+  }
+  &-value {
+    display: flex;
+    // padding: 0;
+    .van-cell {
+      padding: 0;
+      width: 100px;
+      background-color: #f4f4f4;
+    }
+  }
+}
+</style>

src/components/queryCompents/index.js

@@ -0,0 +1,11 @@
+import AreaQuery from './areaQuery'
+import DemandQuery from './demandQuery'
+import CheeckButtomQuery from './cheeckButtomQuery'
+import PositionQuery from './positionQuery'
+
+export {
+    AreaQuery,
+    DemandQuery,
+    CheeckButtomQuery,
+    PositionQuery
+};

src/components/queryCompents/positionQuery/index.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="position-query">
+   
+   <van-field v-model="value" label="楼号" placeholder="请输入用户名" />
+   <van-field v-model="value" label="单元" placeholder="请输入用户名" />
+   <van-field v-model="value" label="房号" placeholder="请输入用户名" />
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Field, Popup, Cascader, Cell } from "vant";
+
+export default {
+  name: "positionQuery",
+  components: {
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Cascader.name]: Cascader,
+    [Cell.name]: Cell,
+  },
+  props: {
+    name: Object,
+    label: String,
+    other: Object,
+    // placeholder:'请选择',
+  },
+  data(){
+    return {
+      value:'22'
+    }
+  },
+
+  setup() {
+
+
+    const state = reactive({
+      number1: 2,
+      number2: "",
+      number3: "",
+      number4: "",
+      number5: "",
+      number6: "",
+    });
+
+ 
+
+    return {
+
+      state,
+     
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less">
+.position-query {
+  text-align: left;
+
+  &-title {
+    flex: inherit;
+    width: 70px;
+  }
+  &-value {
+    display: flex;
+    // padding: 0;
+    .van-cell {
+      padding: 0;
+      width: 100px;
+      background-color: #f4f4f4;
+    }
+  }
+}
+</style>

src/components/stepC/index.vue

@@ -0,0 +1,56 @@
+<template>
+
+    <van-steps class="stepc" direction="vertical" :active="10" >
+      <van-step>
+        <p>【城市】物流状态1</p>
+        <p>2016-07-12 12:40</p>
+      </van-step>
+      <van-step>
+        <p>【城市】物流状态2</p>
+        <p>2016-07-11 10:00</p>
+      </van-step>
+      <van-step>
+        <p>快件已发货</p>
+        <p>2016-07-10 09:30</p>
+      </van-step>
+    </van-steps>
+ 
+</template>
+
+<script>
+import { steps, step } from "vant";
+export default {
+  name: "stepc",
+  components: {
+    [steps.name]: steps,
+    [step.name]: step,
+  },
+  props: {
+    options: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  setup() {
+    return {};
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.stepc{
+  background: none;
+
+  p{
+    padding: 0;
+    margin: 0;
+  }
+// font-size: 13px;
+//     color: #999;
+//     &-text{
+//         line-height: 24px;
+//         display: flex;
+//     }
+}
+</style>

src/layout/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="layout">
+    <router-view />
+
+    <van-tabbar route>
+      <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
+      <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
+    </van-tabbar>
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { Tabbar, TabbarItem } from "vant";
+
+export default {
+  name: "layout",
+  components: {
+    [Tabbar.name]: Tabbar,
+    [TabbarItem.name]: TabbarItem,
+  },
+  data() {
+    return {
+      msg: "222",
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>

src/main.js

@@ -1,4 +1,8 @@
-import { createApp } from 'vue'
-import App from './App.vue'
 
-createApp(App).mount('#app')
+import { createApp } from 'vue';
+import App from './App.vue';
+import { router } from './router';
+import 'vant/lib/index.css';
+const app = createApp(App);
+app.use(router);
+app.mount('#app');

src/router.js

@@ -0,0 +1,92 @@
+import {
+    createRouter,
+    createWebHashHistory
+} from 'vue-router';
+
+
+const routes = [{
+        name: 'notFound',
+        path: '/:path(.*)+',
+        redirect: {
+            name: 'home',
+        },
+    },
+    {
+        name: 'login',
+        path: '/login',
+        component: () => import('./view/login'),
+        meta: {
+            title: '登录'
+        }
+    },
+    {
+        name: 'layout',
+        component: () => import('./layout'),
+        children: [{
+                path: '/home',
+                component: () => import('./view/home'),
+                meta: {
+                    title: '房源管理'
+                }
+            },
+
+            {
+                name: 'user',
+                path: '/user',
+                component: () => import('./view/user'),
+                meta: {
+                    title: '我的'
+                }
+            }
+        ]
+    },
+    {
+        path: '/secondhand/detail',
+        name: '/secondhand/detail',
+        component: () => import('./view/secondhand/detail'),
+        meta: {
+            title: '二手房详情'
+        }
+    },
+    {
+        path: '/closehouse',
+        name: '/closehouse',
+        component: () => import('./view/closehouse'),
+        meta: {
+            title: '关闭房源'
+        }
+    },
+    {
+        path: '/edithouse',
+        name: '/edithouse',
+        component: () => import('./view/secondhand/edithouse'),
+        meta: {
+            title: '关闭房源'
+        }
+    },
+
+];
+
+const router = createRouter({
+    routes,
+    history: createWebHashHistory(),
+});
+
+// const isAuthenticated= false
+
+router.beforeEach((to, from, next) => {
+    const title = to.meta && to.meta.title;
+    if (title) {
+        document.title = title;
+    }
+    // if (to.name !== 'login' && !isAuthenticated) next({
+    //     name: 'login'
+    // })
+    // else 
+    next()
+
+});
+
+export {
+    router
+};

src/view/closehouse/index.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="closehouse">
+    <van-form @submit="onSubmit">
+      <van-field
+        v-model="state.id"
+        name="id"
+        label="房源编号"
+        readonly
+        placeholder="房源编号"
+      />
+      <van-field
+        v-model="state.building"
+        name="building"
+        label="所属楼盘"
+        readonly
+        placeholder="所属楼盘"
+       
+      />
+      <van-field
+        v-model="state.address"
+        name="address"
+        label="所属楼盘"
+        readonly
+        placeholder="所属楼盘"
+       
+      />
+
+      <van-field
+        v-model="pickerState.value"
+        readonly
+        clickable
+        required
+        name="address"
+        label="所属楼盘"
+        placeholder="所属楼盘"
+        @click="pickerState.showPicker = true"
+        :rules="[{ required: true, message: '请选择所属楼盘' }]"
+      />
+      <van-popup v-model:show="pickerState.showPicker" position="bottom">
+        <van-picker
+          :columns="columns"
+          @confirm="onConfirm"
+          @cancel="pickerState.showPicker = false"
+        />
+      </van-popup>
+      <!-- <van-field
+        v-model="state.building"
+        required
+        name="type"
+        label="关闭类型"
+        placeholder="请选择"
+        :rules="[{ required: true, message: '请填写密码' }]"
+      /> -->
+      <van-field
+        v-model="state.explain"
+        required
+        name="explain"
+        label="关闭说明"
+        placeholder="关闭说明"
+        rows="3"
+        autosize
+        type="textarea"
+        :rules="[{ required: true, message: '请填写关闭说明' }]"
+      />
+      <div style="margin: 16px;">
+        <van-button round block type="primary" native-type="submit">
+          提交
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Form, Button, Field, Picker, Popup } from "vant";
+
+export default {
+  name: "closehouse",
+  components: {
+    [Form.name]: Form,
+    [Button.name]: Button,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    // Secondhand:secondhand,
+  },
+  data() {
+    return {};
+  },
+  setup() {
+    const state = reactive({
+      id: "",
+      building: "",
+    });
+    const onSubmit = (values) => {
+      console.log("submit", values);
+    };
+
+    const pickerState = reactive({
+      value: "",
+      showPicker: false,
+    });
+    const columns = ["杭州", "宁波", "温州", "嘉兴", "湖州"];
+
+    const onConfirm = (value) => {
+      pickerState.value = value;
+      pickerState.showPicker = false;
+    };
+
+    return {
+      state,
+      pickerState,
+      columns,
+      onConfirm,
+      onSubmit,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped></style>

src/view/home/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="home">
+    <van-tabs v-model="active" background='#e6e4e4' color="#d75e3a" line-width='30%' title-active-color="#d75e3a">
+      <van-tab title="二手房"><Secondhand/></van-tab>
+      <van-tab title="租房"> 34</van-tab>
+    </van-tabs>
+
+    
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { Tab, Tabs } from 'vant';
+import  secondhand  from '../secondhand';
+export default {
+  name: "home",
+   components: {
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs,
+    Secondhand:secondhand,
+  },
+  data() {
+    return {
+      msg: "222",
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>

src/view/house/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="home">
+    <van-tabs v-model="active" background='#e6e4e4' color="#d75e3a" line-width='30%' title-active-color="#d75e3a">
+      <van-tab title="二手房"><Secondhand/></van-tab>
+      <van-tab title="租房"> 34</van-tab>
+    </van-tabs>
+
+    
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { Tab, Tabs } from 'vant';
+import  secondhand  from '../secondhand';
+export default {
+  name: "home",
+   components: {
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs,
+    Secondhand:secondhand,
+  },
+  data() {
+    return {
+      msg: "222",
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>

src/view/login/index.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="login">
+    <p>经纪人平台</p>
+    <div class="login-from"> 
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="username"
+          name="username"
+          label=" "
+          :left-icon="usericon"
+          label-width='20'
+          placeholder="请输入账号"
+        />
+        <van-field
+          v-model="password"
+          type="password"
+          name="password"
+          label=" "
+          label-width='20'
+          :left-icon="passwordicon"
+          placeholder="请输入密码"
+        />
+        <van-field name="remember" :border="false">
+          <template #input>
+            <van-checkbox shape="square" v-model="remember"
+              >记住密码</van-checkbox
+            >
+          </template>
+        </van-field>
+
+        <div style="margin: 16px;">
+          <van-button
+            class="loginbutton"
+            block
+            type="default"
+            native-type="submit"
+            >登录</van-button
+          >
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { Form, Button, Field, checkbox } from "vant";
+import usericon from "./../../assets/user.png";
+import passwordicon from "./../../assets/password.png";
+
+export default {
+  name: "login",
+  components: {
+    [Form.name]: Form,
+    [Button.name]: Button,
+    [Field.name]: Field,
+    [checkbox.name]: checkbox,
+  },
+  data() {
+    return {
+      usericon,
+      passwordicon,
+      username: "",
+      password: "",
+      remember: true,
+    };
+  },
+  methods: {
+    onSubmit(values) {
+      console.log("submit", values);
+
+      this.$router.push('home')
+    },
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.login {
+  width: 100%;
+  padding-top: 15vh;
+  &-from{
+    width: 80%;
+margin: auto;
+     .loginbutton {
+    background: #d7693a;
+    color: #fff;
+    letter-spacing: 6px;
+  }
+  }
+ 
+}
+</style>

src/view/renting/index.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="renting">
+   123
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { Tab, Tabs } from 'vant';
+
+export default {
+  name: "renting",
+   components: {
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs,
+    
+  },
+  data() {
+    return {
+      msg: "222",
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>

src/view/secondhand/components/secondhandcard/index.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="secondhandcard">
+    <div class="card" >
+      <div class="card-left">
+        <van-image
+          width="120"
+          height="96"
+          src="https://img.yzcdn.cn/vant/cat.jpeg"
+        />
+      </div>
+      <div class="card-right">
+        <p class="card-right-1">
+          <span style="font-size:16px;color:#101010;font-weight:500"
+            >楼盘名称</span
+          ><span style="font-size:12px;color:#AEAEAE;">在售</span>
+        </p>
+        <p class="card-right-2">三室一厅 107.1㎡ 6/6层 南北</p>
+        <p class="card-right-2">录入时间：</p>
+        <p class="card-right-2">录入人</p>
+        <p class="card-right-2">维护人</p>
+        <div class="card-right-end">
+          <van-tag class="card-right-end-tag" type="primary">标签</van-tag>
+          <van-tag class="card-right-end-tag" type="primary">标签</van-tag>
+          <van-tag class="card-right-end-tag" type="primary">标签</van-tag>
+        </div>
+
+        <div class="card-right-price">
+          <p>1233万元</p>
+          <p>62726元/㎡</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { cell, Image as VanImage, Tag } from "vant";
+
+export default {
+  name: "secondhandcard",
+  components: {
+    [cell.name]: cell,
+    [VanImage.name]: VanImage,
+    [Tag.name]: Tag,
+  },
+  props: {
+    datas: {},
+  },
+  data() {
+    return {};
+  },
+  mounted() {},
+
+  setup() {
+
+
+   const toDetail = ()=>{
+console.log('222')
+   }
+
+   return {
+     toDetail,
+   }
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.card {
+  //   height: 200px;
+
+border-bottom:1px solid #DCDCDC;
+
+  display: flex;
+  padding: 10px;
+  text-align: left;
+  &-left {
+    width: 130px;
+    padding: 5px;
+  }
+  &-right {
+    flex: 1;
+    position: relative;
+    &-1 {
+      margin: 0;
+      display: flex;
+      justify-content: space-between;
+
+      align-items: flex-end;
+    }
+    &-2 {
+      margin: 0;
+      font-size: 12px;
+      color: #aeaeae;
+      margin-top: 2px;
+    }
+    &-end {
+      &-tag {
+        margin-right: 3px;
+      }
+    }
+    &-price{
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        color: #ff9800;
+        p{
+            margin: 0;
+        }
+    }
+  }
+}
+</style>

src/view/secondhand/components/secondhandmorescreen/index.vue

@@ -0,0 +1,228 @@
+<template>
+  <div class="secondhandmorescreen">
+    <van-search
+      v-model="serchValue"
+      placeholder="请输入搜索关键词"
+      :actions="searchActions"
+      @select="onSearchSelect"
+    >
+      <template #label>
+        <van-popover
+          v-model:show="showPopover"
+          :actions="searchActions"
+          @select="onSearchSelect"
+        >
+          <template #reference>
+            <span style="width: 65px;">{{ searchType }}</span>
+          </template>
+        </van-popover>
+      </template>
+      <template #left>
+        <van-icon name="revoke" style="margin-right: 20px;" />
+      </template>
+    </van-search>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-cell-group title="区位">
+          <AreaQuery name="area.b" label=""></AreaQuery>
+        </van-cell-group>
+        <van-cell-group title="房间要求">
+          <van-field name="number">
+            <template #input>
+              <DemandQuery></DemandQuery>
+            </template>
+          </van-field>
+        </van-cell-group>
+        <van-cell-group title="户型">
+          <CheeckButtomQuery
+            v-model="state.housetype"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="装修">
+          <CheeckButtomQuery
+            v-model="state.renovation"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="房源状态">
+          <CheeckButtomQuery
+            v-model="state.housetype"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="实勘状态">
+          <CheeckButtomQuery
+            v-model="state.housetype"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="房间位置">
+          <PositionQuery></PositionQuery>
+        </van-cell-group>
+
+        <div style="margin-top: 16px;">
+          <van-action-bar style="position: inherit;">
+            <van-action-bar-icon
+              icon="replay"
+              text="重置"
+              @click="onClickIcon"
+            />
+
+            <van-action-bar-button
+              type="danger"
+              text="确定"
+              native-type="submit"
+            />
+          </van-action-bar>
+          <!-- <van-row justify="center">
+            <van-col span="6">
+              <van-button block icon="replay" type="primary"
+                >重置</van-button
+              ></van-col
+            >
+            <van-col span="18">
+              <van-button round block type="primary" native-type="submit"
+                >确定</van-button
+              ></van-col
+            >
+          </van-row> -->
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, ref } from "vue";
+import {
+  Col,
+  Row,
+  Search,
+  Cell,
+  CellGroup,
+  Field,
+  Popup,
+  Cascader,
+  Button,
+  Form,
+  ActionBar,
+  ActionBarIcon,
+  ActionBarButton,
+  Icon,
+  Popover,
+} from "vant";
+import {
+  AreaQuery,
+  DemandQuery,
+  CheeckButtomQuery,
+  PositionQuery,
+} from "../../../../components/queryCompents";
+
+export default {
+  name: "secondhandmorescreen",
+  components: {
+    [Col.name]: Col,
+    [Row.name]: Row,
+    [Search.name]: Search,
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Cascader.name]: Cascader,
+    [Button.name]: Button,
+    [Form.name]: Form,
+    [ActionBar.name]: ActionBar,
+    [ActionBarIcon.name]: ActionBarIcon,
+    [ActionBarButton.name]: ActionBarButton,
+    [Icon.name]: Icon,
+    [Popover.name]: Popover,
+
+    AreaQuery,
+    DemandQuery,
+    CheeckButtomQuery,
+    PositionQuery,
+  },
+  props: {
+    // options: [],
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const state = reactive({
+      housetype: [],
+      renovation: [],
+    });
+    const serchValue = ref("");
+    const searchType = ref("楼盘");
+    const showPopover = ref(false);
+
+    // 通过 actions 属性来定义菜单选项
+    const searchActions = [
+      { text: "楼盘", value: "1" },
+      { text: "房源", value: "2" },
+      { text: "业主电话", value: "3" },
+    ];
+    const onSearchSelect = (action) => {
+      console.log("housetypeChange", action);
+
+      searchType.value = action.text;
+    };
+
+    const onHousetypeChange = (values) => {
+      console.log("housetypeChange", values);
+
+      state.housetype = values;
+    };
+    const onSubmit = (values) => {
+      console.log(state, "submit", values);
+    };
+
+    const housetypeoptions = [
+      {
+        title: "1室",
+        value: "a",
+      },
+      {
+        title: "2室",
+        value: "b",
+      },
+      {
+        title: "3室",
+        value: "c",
+      },
+      {
+        title: "3室及以上",
+        value: "d",
+      },
+      {
+        title: "全部",
+        value: "all",
+      },
+    ];
+
+    return {
+      serchValue,
+      searchType,
+      state,
+      onSubmit,
+      housetypeoptions,
+      onHousetypeChange,
+      showPopover,
+      searchActions,
+      onSearchSelect,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhandmorescreen {
+  text-align: left;
+  background-color: #f4f4f4;
+}
+</style>

src/view/secondhand/components/secondhandscreen.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="secondhandscreen">
+    <van-row style="box-shadow: 0 2px 12px rgba(100,101,102,.12);">
+      <van-col span="18">
+        <van-dropdown-menu>
+          <van-dropdown-item
+            v-for="item in options"
+            :key="item.id"
+            :title="item.title"
+            v-model="item.value"
+            :options="item.option"
+          />
+        </van-dropdown-menu>
+      </van-col>
+      <van-col span="6"
+        ><van-cell
+          class="more"
+          title="更多"
+          title-class="more-title"
+          @click="onMore"
+      /></van-col>
+    </van-row>
+
+    
+  </div>
+</template>
+
+<script>
+
+
+import { DropdownMenu, DropdownItem, row, col, cell } from "vant";
+
+export default {
+  name: "secondhandscreen",
+  components: {
+    [cell.name]: cell,
+    // [popup.name]: popup,
+    [row.name]: row,
+    [col.name]: col,
+    [DropdownMenu.name]: DropdownMenu,
+    [DropdownItem.name]: DropdownItem,
+  },
+  props: {
+    options: [],
+  },
+  data() {
+    return {
+      overlayStyle: {
+        top: "88px",
+        position: "absolute",
+      },
+      popupStyle: {
+        top: "88px",
+        minHeight: "200px",
+      },
+      value: "0",
+      //   options: [
+      //     {
+      //       id: 0,
+      //       value: 0,
+      //       title: "区域",
+      //       option: [
+      //         { text: "全部商品", value: 0 },
+      //         { text: "新款商品", value: 1 },
+      //         { text: "活动商品", value: 2 },
+      //       ],
+      //     },
+      //     {
+      //       id: 2,
+      //       value: "a",
+      //       title: "价格",
+      //       option: [
+      //         { text: "默认排序", value: "a" },
+      //         { text: "好评排序", value: "b" },
+      //         { text: "销量排序", value: "c" },
+      //       ],
+      //     },
+      //     {
+      //       id: 3,
+      //       value: "a",
+      //       title: "户型",
+      //       mode:'multiple',
+      //       option: [
+      //         { text: "默认排序", value: "a" },
+      //         { text: "好评排序", value: "b" },
+      //         { text: "销量排序", value: "c" },
+      //       ],
+      //     },
+      //   ],
+    };
+  },
+  mounted() {},
+
+  setup(props,cex) {
+
+    const onMore=()=>{
+      console.log(props,cex,'3332')
+      cex.emit('onShowMore',333)
+      
+    }
+
+
+    return {
+    
+      onMore,
+      // options,
+      // onConfirm,
+      props
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.more {
+  height: 48px;
+  display: flex;
+  /* padding: 0; */
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  cursor: pointer;
+  color: #323233;
+  &-title {
+    position: relative;
+    box-sizing: border-box;
+    max-width: 100%;
+    padding: 0 8px;
+    color: #323233;
+    font-size: 15px;
+    line-height: 22px;
+  }
+}
+</style>

src/view/secondhand/detail/index.vue

@@ -0,0 +1,427 @@
+<template>
+  <div class="secondhanddetail">
+    <div>
+      <Swiper></Swiper>
+    </div>
+
+    <div class="title">
+      <p>TITLE</p>
+    </div>
+
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>房源信息</span>
+        <div style="float:right">
+          <van-popover
+            v-model:show="showPopover"
+            :actions="actions"
+            @select="onSelect"
+            placement="bottom-end"
+          >
+            <template #reference>
+              <van-icon name="chat-o" />
+            </template>
+          </van-popover>
+        </div>
+      </div>
+      <Contextc :options="housingInformationOptions"></Contextc>
+    </div>
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>基础信息</span>
+      </div>
+      <Contextc :options="baseInformationOptions"></Contextc>
+    </div>
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>物业信息</span>
+      </div>
+      <Contextc :options="propertyInformationOptions"></Contextc>
+    </div>
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>角色人</span>
+      </div>
+      <Contextc :options="roleInformationOptions"></Contextc>
+    </div>
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>委托书</span>
+      </div>
+      <Contextc :options="entrustOptions" nodata=""></Contextc>
+    </div>
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>钥匙</span>
+      </div>
+      <Contextc :options="keyOptions" nodata=""></Contextc>
+    </div>
+
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <van-row>
+          <van-col span="12"> <span>跟进记录</span></van-col>
+          <van-col span="12" style="line-height:26px;display: flex;">
+            <van-button type="default" color="#d75e3a" size="mini"
+              >添加跟进</van-button
+            ></van-col
+          >
+        </van-row>
+      </div>
+      <div>
+        <Stepc></Stepc>
+      </div>
+    </div>
+
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <van-row>
+          <van-col span="12"> <span>空看记录</span></van-col>
+          <van-col span="12" style="line-height:26px;display: flex;">
+            <van-button type="default" color="#d75e3a" size="mini"
+              >添加空看</van-button
+            ></van-col
+          >
+        </van-row>
+      </div>
+      <div>
+        <Stepc></Stepc>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+import { Swiper } from "../../../components/detailCompents";
+import { Icon, Popover, Row, Col, Button, steps, step, Dialog } from "vant";
+import Contextc from "../../../components/contextC";
+import Stepc from "../../../components/stepC";
+import {router} from '../../../router'
+
+export default {
+  name: "secondhanddetail",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+    Stepc: Stepc,
+    Contextc: Contextc,
+    Swiper: Swiper,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const showPopover = ref(false);
+
+    // 通过 actions 属性来定义菜单选项
+    const actions = [
+      { text: "设置房源保护", value: "1" },
+      { text: "新增业主电话", value: "2" },
+      { text: "下架房源", value: "3" },
+      { text: "修改房源", value: "4" },
+      { text: "分享房源", value: "5" },
+      { text: "房源实勘", value: "6" },
+    ];
+    // 设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。
+    const onSelect = (action) => {
+      console.log(action);
+      if (action.value == 1) {
+        // 设置房源保护
+        Dialog.confirm({
+          title: "提示",
+          message:
+            "设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。",
+          theme: "round-button",
+        })
+          .then(() => {
+            // on close
+          })
+          .catch(() => {
+            // on cancel
+          });
+      } else if(action.value == 2){
+// 新增业主电话
+      }
+      else if(action.value == 3){
+        // 下架房源
+
+ router.push('/closehouse')
+      }
+      else if(action.value == 4){
+        // 修改房源
+        router.push('/edithouse')
+      }
+      else if(action.value == 5){
+        // 分享房源
+      }
+      else if(action.value == 6){
+        // 房源实勘
+      }
+    };
+    const onLookClick = () => {
+      console.log("onLookClick");
+    };
+
+    // 房源信息
+    const housingInformationOptions = [
+      {
+        name: "所属楼盘",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "房源id",
+        value: "123",
+      },
+      {
+        name: "楼层",
+        value: "123",
+      },
+      {
+        name: "所属区县",
+        value: "123",
+      },
+      {
+        name: "面积",
+        value: "123",
+      },
+      {
+        name: "所属商圈",
+        value: "123",
+      },
+      {
+        name: "价格",
+        value: "123",
+      },
+      {
+        name: "楼房号",
+        value: "123",
+      },
+      {
+        name: "单元",
+        value: "123",
+      },
+      {
+        name: "业主姓名",
+        value: "123",
+      },
+      {
+        name: "楼栋",
+        value: "123",
+      },
+      {
+        name: "业主电话",
+        value: "123",
+      },
+      {
+        name: "查看敏感信息",
+        value: "123",
+        type: "BUTTOM",
+        click: () => onLookClick(),
+      },
+    ];
+    // 基本信息
+    const baseInformationOptions = [
+      {
+        name: "户型",
+        value: "123",
+      },
+      {
+        name: "朝向",
+        value: "123",
+      },
+      {
+        name: "装修",
+        value: "123",
+      },
+      {
+        name: "房屋用途",
+        value: "123",
+      },
+      {
+        name: "建筑类型",
+        value: "123",
+      },
+      {
+        name: "配备电梯",
+        value: "123",
+      },
+      {
+        name: "抵押信息",
+        value: "123",
+      },
+      {
+        name: "税费",
+        value: "123",
+      },
+      {
+        name: "来源",
+        value: "123",
+        span: 24,
+      },
+    ];
+    // 物业信息
+    const propertyInformationOptions = [
+      {
+        name: "物业费",
+        value: "123",
+      },
+      {
+        name: "建筑年代",
+        value: "123",
+      },
+      {
+        name: "均价",
+        value: "123",
+      },
+      {
+        name: "开发商",
+        value: "123",
+      },
+      {
+        name: "物业公司",
+        value: "123",
+      },
+    ];
+    // 角色人
+    const roleInformationOptions = [
+      {
+        name: "首次录入人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "录入人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "维护人",
+        value: "123",
+      },
+      {
+        name: "查看电话",
+        value: "123",
+        type: "BUTTOM",
+        onClick: () => {},
+      },
+      {
+        name: "实勘人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "钥匙人",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "委托人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "最后修改人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+    ];
+
+    // 委托书
+    const entrustOptions = [
+      {
+        name: "委托书编号",
+        value: "123",
+      },
+      {
+        name: "查看委托书",
+        value: "123",
+        type: "BUTTOM",
+        onClick: () => {},
+      },
+      {
+        name: "开始时间",
+        value: "123",
+      },
+      {
+        name: "截止时间",
+        value: "123",
+      },
+    ];
+
+    // 钥匙
+    const keyOptions = [
+      {
+        name: "钥匙编号",
+        value: "123",
+        span: 24,
+      },
+
+      {
+        name: "存放地址",
+        value: "123",
+        span: 24,
+      },
+    ];
+
+    return {
+      housingInformationOptions,
+      baseInformationOptions,
+      propertyInformationOptions,
+      roleInformationOptions,
+      entrustOptions,
+      keyOptions,
+      actions,
+      onSelect,
+      showPopover,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhanddetail {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+  border-top: 1px solid #5b6b73;
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+</style>

src/view/secondhand/edithouse/index.vue

@@ -0,0 +1,337 @@
+<template>
+  <div class="secondhanddetail">
+   
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+
+import { Icon, Popover, Row, Col, Button, steps, step, Dialog } from "vant";
+
+import {router} from '../../../router'
+
+export default {
+  name: "secondhanddetail",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const showPopover = ref(false);
+
+    // 通过 actions 属性来定义菜单选项
+    const actions = [
+      { text: "设置房源保护", value: "1" },
+      { text: "新增业主电话", value: "2" },
+      { text: "下架房源", value: "3" },
+      { text: "修改房源", value: "4" },
+      { text: "分享房源", value: "5" },
+      { text: "房源实勘", value: "6" },
+    ];
+    // 设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。
+    const onSelect = (action) => {
+      console.log(action);
+      if (action.value == 1) {
+        // 设置房源保护
+        Dialog.confirm({
+          title: "提示",
+          message:
+            "设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。",
+          theme: "round-button",
+        })
+          .then(() => {
+            // on close
+          })
+          .catch(() => {
+            // on cancel
+          });
+      } else if(action.value == 2){
+// 新增业主电话
+      }
+      else if(action.value == 3){
+        // 下架房源
+
+ router.push('/closehouse')
+      }
+      else if(action.value == 4){
+        // 修改房源
+        router.push('/edithouse')
+      }
+      else if(action.value == 5){
+        // 分享房源
+      }
+      else if(action.value == 6){
+        // 房源实勘
+      }
+    };
+    const onLookClick = () => {
+      console.log("onLookClick");
+    };
+
+    // 房源信息
+    const housingInformationOptions = [
+      {
+        name: "所属楼盘",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "房源id",
+        value: "123",
+      },
+      {
+        name: "楼层",
+        value: "123",
+      },
+      {
+        name: "所属区县",
+        value: "123",
+      },
+      {
+        name: "面积",
+        value: "123",
+      },
+      {
+        name: "所属商圈",
+        value: "123",
+      },
+      {
+        name: "价格",
+        value: "123",
+      },
+      {
+        name: "楼房号",
+        value: "123",
+      },
+      {
+        name: "单元",
+        value: "123",
+      },
+      {
+        name: "业主姓名",
+        value: "123",
+      },
+      {
+        name: "楼栋",
+        value: "123",
+      },
+      {
+        name: "业主电话",
+        value: "123",
+      },
+      {
+        name: "查看敏感信息",
+        value: "123",
+        type: "BUTTOM",
+        click: () => onLookClick(),
+      },
+    ];
+    // 基本信息
+    const baseInformationOptions = [
+      {
+        name: "户型",
+        value: "123",
+      },
+      {
+        name: "朝向",
+        value: "123",
+      },
+      {
+        name: "装修",
+        value: "123",
+      },
+      {
+        name: "房屋用途",
+        value: "123",
+      },
+      {
+        name: "建筑类型",
+        value: "123",
+      },
+      {
+        name: "配备电梯",
+        value: "123",
+      },
+      {
+        name: "抵押信息",
+        value: "123",
+      },
+      {
+        name: "税费",
+        value: "123",
+      },
+      {
+        name: "来源",
+        value: "123",
+        span: 24,
+      },
+    ];
+    // 物业信息
+    const propertyInformationOptions = [
+      {
+        name: "物业费",
+        value: "123",
+      },
+      {
+        name: "建筑年代",
+        value: "123",
+      },
+      {
+        name: "均价",
+        value: "123",
+      },
+      {
+        name: "开发商",
+        value: "123",
+      },
+      {
+        name: "物业公司",
+        value: "123",
+      },
+    ];
+    // 角色人
+    const roleInformationOptions = [
+      {
+        name: "首次录入人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "录入人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "维护人",
+        value: "123",
+      },
+      {
+        name: "查看电话",
+        value: "123",
+        type: "BUTTOM",
+        onClick: () => {},
+      },
+      {
+        name: "实勘人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "钥匙人",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "委托人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "最后修改人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+    ];
+
+    // 委托书
+    const entrustOptions = [
+      {
+        name: "委托书编号",
+        value: "123",
+      },
+      {
+        name: "查看委托书",
+        value: "123",
+        type: "BUTTOM",
+        onClick: () => {},
+      },
+      {
+        name: "开始时间",
+        value: "123",
+      },
+      {
+        name: "截止时间",
+        value: "123",
+      },
+    ];
+
+    // 钥匙
+    const keyOptions = [
+      {
+        name: "钥匙编号",
+        value: "123",
+        span: 24,
+      },
+
+      {
+        name: "存放地址",
+        value: "123",
+        span: 24,
+      },
+    ];
+
+    return {
+      housingInformationOptions,
+      baseInformationOptions,
+      propertyInformationOptions,
+      roleInformationOptions,
+      entrustOptions,
+      keyOptions,
+      actions,
+      onSelect,
+      showPopover,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhanddetail {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+  border-top: 1px solid #5b6b73;
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+</style>

src/view/secondhand/index.vue

@@ -0,0 +1,161 @@
+<template>
+  <div class="secondhand">
+    <SecondHandScreen :options="options" @onShowMore="onShowMore" />
+    <div >
+      <van-list
+        class="secondhand-main"
+        v-model:loading="state.loading"
+        :finished="state.finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <SecondHandCard
+          v-for="item in state.list"
+          :key="item.id"
+          :datas="item.datas"
+          @click="toDetail()"
+        ></SecondHandCard>
+      </van-list>
+    </div>
+    <van-popup
+      v-model:show="moreShow"
+      position="right"
+      :style="{ width: '100%', height: '100%' }"
+    ><SecondHandMoreScreen />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { DropdownMenu, DropdownItem, List, Popup } from "vant";
+import secondhandscreen from "./components/secondhandscreen";
+import secondhandmorescreen from "./components/secondhandmorescreen";
+import secondhandcard from "./components/secondhandcard";
+import { reactive, ref } from "vue";
+import {router} from '../../router'
+
+export default {
+  name: "secondhand",
+  components: {
+    [DropdownMenu.name]: DropdownMenu,
+    [DropdownItem.name]: DropdownItem,
+    [List.name]: List,
+    [Popup.name]: Popup,
+    SecondHandScreen: secondhandscreen,
+    SecondHandCard: secondhandcard,
+    SecondHandMoreScreen: secondhandmorescreen,
+  },
+  data() {
+    return {
+      options: [
+        {
+          id: 0,
+          value: 0,
+          title: "区域",
+          option: [],
+        },
+        {
+          id: 2,
+          value: "a",
+          title: "价格",
+          option: [
+            { text: "0-100", value: "a" },
+            { text: "101-200", value: "b" },
+            { text: "201-300", value: "c" },
+            { text: "301-400", value: "e" },
+            { text: "400以上", value: "f" },
+          ],
+        },
+        {
+          id: 3,
+          value: "a",
+          title: "户型",
+          mode: "multiple",
+          option: [
+            { text: "1室", value: "1" },
+            { text: "2室", value: "2" },
+            { text: "3室", value: "3" },
+            { text: "3室以上", value: "4" },
+          ],
+        },
+        // {
+        //   id: 4,
+        //   value: "a",
+        //   title: "更多",
+        //   mode: "multiple",
+        //   option: [
+        //     { text: "默认排序", value: "a" },
+        //     { text: "好评排序", value: "b" },
+        //     { text: "销量排序", value: "c" },
+        //   ],
+        // },
+      ],
+    };
+  },
+
+  setup(props) {
+    const moreShow = ref(false);
+
+    const onShowMore = () => {
+      console.log("22");
+      moreShow.value = true;
+      console.log(moreShow, "22");
+    };
+    const state = reactive({
+      list: [],
+      loading: false,
+      finished: false,
+    });
+
+    const onLoad = () => {
+      // 异步更新数据
+      // setTimeout 仅做示例，真实场景中一般为 ajax 请求
+      setTimeout(() => {
+        for (let i = 0; i < 10; i++) {
+          state.list.push({
+            id: state.list.length + 1,
+            datas: {
+              name: "",
+            },
+          });
+        }
+
+        // 加载状态结束
+        state.loading = false;
+
+        // 数据全部加载完成
+        if (state.list.length >= 40) {
+          state.finished = true;
+        }
+      }, 1000);
+    };
+const toDetail = () => {
+    console.log(props,router,'333')
+    router.push('/secondhand/detail')
+    };
+    
+
+    return {
+      state,
+      onLoad,
+      moreShow,
+      onShowMore,
+      toDetail,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+.secondhand-main {
+  width: 100%;
+  height: calc(100vh - 142px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+</style>

src/view/user/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="user">
+   123123
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+
+export default {
+  name: "user",
+   components: {
+  
+
+  },
+
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>

vue.config.js

@@ -0,0 +1,40 @@
+module.exports = {
+
+  // publicPath: './',
+  // devServer: {
+  //   disableHostCheck: true,
+  //   proxy:  {
+  //     '/api': {
+  //       target: 'http://localhost:8080/',
+  //       ws: true,
+  //       changeOrigin: true,
+  //       pathRewrite: {'^/api': ''}
+  //     }
+  //   }
+  // }
+  css: {
+    loaderOptions: {
+      less: {
+        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
+        lessOptions: {
+          modifyVars: {
+            // 直接覆盖变量
+            // box-shadow: 0 2px 12px rgba(100,101,102,.12)
+            '@dropdown-menu-box-shadow': 'none',
+            '@tabbar-item-active-color': '#D7693A',
+            '@steps-background-color': 'background-color: rgb(249, 249, 249)',
+            // '@step-font-size':'13px'
+            '@step-text-color': '#999',
+            '@step-active-color': '#999',
+            '@active-color':'#999',
+            '@step-finish-line-color':'#999',
+            // 'text-color': '#111',D7693A
+            // 'border-color': '#eee',
+            // // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
+            // hack: `true; @import "your-less-file-path.less";`,
+          },
+        },
+      },
+    },
+  },
+};

yarn.lock

@@ -819,9 +819,9 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/runtime@^7.11.0", "@babel/runtime@^7.8.4":
+"@babel/runtime@7.x", "@babel/runtime@^7.0.0", "@babel/runtime@^7.11.0", "@babel/runtime@^7.8.4":
   version "7.13.10"
-  resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.13.10.tgz?cache=0&sync_timestamp=1615243220467&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.13.10.tgz#47d42a57b6095f4468da440388fdbad8bebf0d7d"
+  resolved "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.13.10.tgz#47d42a57b6095f4468da440388fdbad8bebf0d7d"
   integrity sha1-R9QqV7YJX0Ro2kQDiP262L6/DX0=
   dependencies:
     regenerator-runtime "^0.13.4"
@@ -913,6 +913,11 @@
   resolved "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-1.1.3.tgz?cache=0&sync_timestamp=1609074440744&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40nodelib%2Ffs.stat%2Fdownload%2F%40nodelib%2Ffs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha1-K1o6s/kYzKSKjHVMCBaOPwPrphs=
 
+"@popperjs/core@^2.5.4":
+  version "2.9.1"
+  resolved "https://registry.npm.taobao.org/@popperjs/core/download/@popperjs/core-2.9.1.tgz?cache=0&sync_timestamp=1615219280778&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40popperjs%2Fcore%2Fdownload%2F%40popperjs%2Fcore-2.9.1.tgz#7f554e7368c9ab679a11f4a042ca17149d70cf12"
+  integrity sha1-f1VOc2jJq2eaEfSgQsoXFJ1wzxI=
+
 "@soda/friendly-errors-webpack-plugin@^1.7.1":
   version "1.8.0"
   resolved "https://registry.npm.taobao.org/@soda/friendly-errors-webpack-plugin/download/@soda/friendly-errors-webpack-plugin-1.8.0.tgz?cache=0&sync_timestamp=1607927401282&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40soda%2Ffriendly-errors-webpack-plugin%2Fdownload%2F%40soda%2Ffriendly-errors-webpack-plugin-1.8.0.tgz#84751d82a93019d5c92c0cf0e45ac59087cd2240"
@@ -990,7 +995,7 @@
   dependencies:
     "@types/node" "*"
 
-"@types/json-schema@^7.0.5":
+"@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6":
   version "7.0.7"
   resolved "https://registry.npm.taobao.org/@types/json-schema/download/@types/json-schema-7.0.7.tgz?cache=0&sync_timestamp=1613379017372&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fjson-schema%2Fdownload%2F%40types%2Fjson-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
   integrity sha1-mKmTUWyFnrDVxMjwmDF6nqaNua0=
@@ -1092,6 +1097,30 @@
     "@types/webpack-sources" "*"
     source-map "^0.6.0"
 
+"@vant/icons@^1.5.3":
+  version "1.5.3"
+  resolved "https://registry.npm.taobao.org/@vant/icons/download/@vant/icons-1.5.3.tgz?cache=0&sync_timestamp=1613997504088&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Ficons%2Fdownload%2F%40vant%2Ficons-1.5.3.tgz#b7779f67bf608d417a82452fbede406dfa46b439"
+  integrity sha1-t3efZ79gjUF6gkUvvt5AbfpGtDk=
+
+"@vant/lazyload@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/@vant/lazyload/download/@vant/lazyload-1.0.4.tgz#f1bbd81217cf416a377ab2f928f2a147a4489259"
+  integrity sha1-8bvYEhfPQWo3erL5KPKhR6RIklk=
+
+"@vant/popperjs@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.npm.taobao.org/@vant/popperjs/download/@vant/popperjs-1.0.4.tgz?cache=0&sync_timestamp=1613451837040&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fpopperjs%2Fdownload%2F%40vant%2Fpopperjs-1.0.4.tgz#49c20809a3828e7b036e23d50fb56121e997618f"
+  integrity sha1-ScIICaOCjnsDbiPVD7VhIemXYY8=
+  dependencies:
+    "@popperjs/core" "^2.5.4"
+
+"@vant/use@^1.0.5":
+  version "1.0.5"
+  resolved "https://registry.npm.taobao.org/@vant/use/download/@vant/use-1.0.5.tgz#44bee952ebccf9396414a51c4d4b458434a9de23"
+  integrity sha1-RL7pUuvM+TlkFKUcTUtFhDSp3iM=
+  dependencies:
+    "@babel/runtime" "7.x"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.2.1":
   version "1.2.1"
   resolved "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.2.1.tgz#31624a7a505fb14da1d58023725a4c5f270e6a81"
@@ -1647,7 +1676,7 @@ ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
   resolved "https://registry.npm.taobao.org/ajv-keywords/download/ajv-keywords-3.5.2.tgz?cache=0&sync_timestamp=1608062556009&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv-keywords%2Fdownload%2Fajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
   integrity sha1-MfKdpatuANHC0yms97WSlhTVAU0=
 
-ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4:
+ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.npm.taobao.org/ajv/download/ajv-6.12.6.tgz?cache=0&sync_timestamp=1615144138206&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha1-uvWmLoArB9l3A0WG+MO69a3ybfQ=
@@ -1912,6 +1941,14 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
+babel-plugin-import@^1.13.3:
+  version "1.13.3"
+  resolved "https://registry.npm.taobao.org/babel-plugin-import/download/babel-plugin-import-1.13.3.tgz?cache=0&sync_timestamp=1606209920171&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-plugin-import%2Fdownload%2Fbabel-plugin-import-1.13.3.tgz#9dbbba7d1ac72bd412917a830d445e00941d26d7"
+  integrity sha1-nbu6fRrHK9QSkXqDDUReAJQdJtc=
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+    "@babel/runtime" "^7.0.0"
+
 babel-plugin-polyfill-corejs2@^0.1.4:
   version "0.1.10"
   resolved "https://registry.npm.taobao.org/babel-plugin-polyfill-corejs2/download/babel-plugin-polyfill-corejs2-0.1.10.tgz?cache=0&sync_timestamp=1614681394532&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-plugin-polyfill-corejs2%2Fdownload%2Fbabel-plugin-polyfill-corejs2-0.1.10.tgz#a2c5c245f56c0cac3dbddbf0726a46b24f0f81d1"
@@ -2732,6 +2769,13 @@ cookie@0.4.0:
   resolved "https://registry.npm.taobao.org/cookie/download/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
   integrity sha1-vrQ35wIrO21JAZ0IhmUwPr6cFLo=
 
+copy-anything@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.npm.taobao.org/copy-anything/download/copy-anything-2.0.3.tgz#842407ba02466b0df844819bbe3baebbe5d45d87"
+  integrity sha1-hCQHugJGaw34RIGbvjuuu+XUXYc=
+  dependencies:
+    is-what "^3.12.0"
+
 copy-concurrently@^1.0.0:
   version "1.0.5"
   resolved "https://registry.npm.taobao.org/copy-concurrently/download/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
@@ -3394,7 +3438,7 @@ entities@^2.0.0:
   resolved "https://registry.npm.taobao.org/entities/download/entities-2.2.0.tgz?cache=0&sync_timestamp=1611535322406&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fentities%2Fdownload%2Fentities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha1-CY3JDruD2N/6CJ1VJWs1HTTE2lU=
 
-errno@^0.1.3, errno@~0.1.7:
+errno@^0.1.1, errno@^0.1.3, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.npm.taobao.org/errno/download/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
   integrity sha1-i7Ppx9Rjvkl2/4iPdrSAnrwugR8=
@@ -3472,7 +3516,7 @@ eslint-loader@^2.2.1:
     object-hash "^1.1.4"
     rimraf "^2.6.1"
 
-eslint-plugin-vue@^7.0.0-0:
+eslint-plugin-vue@^7.0.0:
   version "7.7.0"
   resolved "https://registry.npm.taobao.org/eslint-plugin-vue/download/eslint-plugin-vue-7.7.0.tgz?cache=0&sync_timestamp=1614681250410&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint-plugin-vue%2Fdownload%2Feslint-plugin-vue-7.7.0.tgz#a90df4595e670821bf243bd2750ededdb74948b8"
   integrity sha1-qQ30WV5nCCG/JDvSdQ7e3bdJSLg=
@@ -4564,6 +4608,11 @@ ignore@^4.0.3, ignore@^4.0.6:
   resolved "https://registry.npm.taobao.org/ignore/download/ignore-4.0.6.tgz?cache=0&sync_timestamp=1590809380232&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fignore%2Fdownload%2Fignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha1-dQ49tYYgh7RzfrrIIH/9HvJ7Jfw=
 
+image-size@~0.5.0:
+  version "0.5.5"
+  resolved "https://registry.npm.taobao.org/image-size/download/image-size-0.5.5.tgz#09dfd4ab9d20e29eb1c3e80b8990378df9e3cb9c"
+  integrity sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=
+
 import-cwd@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/import-cwd/download/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
@@ -4983,6 +5032,11 @@ is-typedarray@~1.0.0:
   resolved "https://registry.npm.taobao.org/is-typedarray/download/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
+is-what@^3.12.0:
+  version "3.14.1"
+  resolved "https://registry.npm.taobao.org/is-what/download/is-what-3.14.1.tgz?cache=0&sync_timestamp=1615169709354&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-what%2Fdownload%2Fis-what-3.14.1.tgz#e1222f46ddda85dead0fd1c9df131760e77755c1"
+  integrity sha1-4SIvRt3ahd6tD9HJ3xMXYOd3VcE=
+
 is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/is-windows/download/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
@@ -5180,6 +5234,11 @@ kind-of@^6.0.0, kind-of@^6.0.2:
   resolved "https://registry.npm.taobao.org/kind-of/download/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha1-B8BQNKbDSfoG4k+jWqdttFgM5N0=
 
+klona@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.npm.taobao.org/klona/download/klona-2.0.4.tgz#7bb1e3affb0cb8624547ef7e8f6708ea2e39dfc0"
+  integrity sha1-e7Hjr/sMuGJFR+9+j2cI6i4538A=
+
 launch-editor-middleware@^2.2.1:
   version "2.2.1"
   resolved "https://registry.npm.taobao.org/launch-editor-middleware/download/launch-editor-middleware-2.2.1.tgz#e14b07e6c7154b0a4b86a0fd345784e45804c157"
@@ -5195,6 +5254,31 @@ launch-editor@^2.2.1:
     chalk "^2.3.0"
     shell-quote "^1.6.1"
 
+less-loader@^7.1.0:
+  version "7.3.0"
+  resolved "https://registry.npm.taobao.org/less-loader/download/less-loader-7.3.0.tgz?cache=0&sync_timestamp=1612196787089&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fless-loader%2Fdownload%2Fless-loader-7.3.0.tgz#f9d6d36d18739d642067a05fb5bd70c8c61317e5"
+  integrity sha1-+dbTbRhznWQgZ6Bftb1wyMYTF+U=
+  dependencies:
+    klona "^2.0.4"
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
+less@^3.12.2:
+  version "3.13.1"
+  resolved "https://registry.npm.taobao.org/less/download/less-3.13.1.tgz#0ebc91d2a0e9c0c6735b83d496b0ab0583077909"
+  integrity sha1-DryR0qDpwMZzW4PUlrCrBYMHeQk=
+  dependencies:
+    copy-anything "^2.0.1"
+    tslib "^1.10.0"
+  optionalDependencies:
+    errno "^0.1.1"
+    graceful-fs "^4.1.2"
+    image-size "~0.5.0"
+    make-dir "^2.1.0"
+    mime "^1.4.1"
+    native-request "^1.0.5"
+    source-map "~0.6.0"
+
 levn@^0.3.0, levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.npm.taobao.org/levn/download/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
@@ -5355,7 +5439,7 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.4"
 
-make-dir@^2.0.0:
+make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
   integrity sha1-XwMQ4YuL6JjMBwCSlaMK5B6R5vU=
@@ -5496,7 +5580,7 @@ mime-types@^2.1.12, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24:
   dependencies:
     mime-db "1.46.0"
 
-mime@1.6.0:
+mime@1.6.0, mime@^1.4.1:
   version "1.6.0"
   resolved "https://registry.npm.taobao.org/mime/download/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=
@@ -5693,6 +5777,11 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+native-request@^1.0.5:
+  version "1.0.8"
+  resolved "https://registry.npm.taobao.org/native-request/download/native-request-1.0.8.tgz?cache=0&sync_timestamp=1603410586468&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnative-request%2Fdownload%2Fnative-request-1.0.8.tgz#8f66bf606e0f7ea27c0e5995eb2f5d03e33ae6fb"
+  integrity sha1-j2a/YG4PfqJ8DlmV6y9dA+M65vs=
+
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npm.taobao.org/natural-compare/download/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -7231,6 +7320,15 @@ schema-utils@^2.0.0, schema-utils@^2.5.0, schema-utils@^2.6.5, schema-utils@^2.6
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/schema-utils/download/schema-utils-3.0.0.tgz#67502f6aa2b66a2d4032b4279a2944978a0913ef"
+  integrity sha1-Z1AvaqK2ai1AMrQnmilEl4oJE+8=
+  dependencies:
+    "@types/json-schema" "^7.0.6"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -8022,7 +8120,7 @@ ts-pnp@^1.1.6:
   resolved "https://registry.npm.taobao.org/ts-pnp/download/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
   integrity sha1-pQCtCEsHmPHDBxrzkeZZEshrypI=
 
-tslib@^1.9.0:
+tslib@^1.10.0, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.npm.taobao.org/tslib/download/tslib-1.14.1.tgz?cache=0&sync_timestamp=1609887512458&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha1-zy04vcNKE0vK8QkcQfZhni9nLQA=
@@ -8294,6 +8392,17 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
+vant@^3.0.0:
+  version "3.0.9"
+  resolved "https://registry.npm.taobao.org/vant/download/vant-3.0.9.tgz?cache=0&sync_timestamp=1615255840294&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvant%2Fdownload%2Fvant-3.0.9.tgz#f946775001a834ce27843fc9fa25414368266a78"
+  integrity sha1-+UZ3UAGoNM4nhD/J+iVBQ2gmang=
+  dependencies:
+    "@babel/runtime" "7.x"
+    "@vant/icons" "^1.5.3"
+    "@vant/lazyload" "^1.0.4"
+    "@vant/popperjs" "^1.0.4"
+    "@vant/use" "^1.0.5"
+
 vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.npm.taobao.org/vary/download/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
@@ -8355,6 +8464,11 @@ vue-loader@^15.9.2:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-router@^4.0.0:
+  version "4.0.5"
+  resolved "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.5.tgz?cache=0&sync_timestamp=1615477462125&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.5.tgz#dd0a4134bc950c37aef64b973e9ee1008428d8fa"
+  integrity sha1-3QpBNLyVDDeu9kuXPp7hAIQo2Po=
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
   version "4.1.3"
   resolved "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.3.tgz?cache=0&sync_timestamp=1614758618345&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-style-loader%2Fdownload%2Fvue-style-loader-4.1.3.tgz#6d55863a51fa757ab24e89d9371465072aa7bc35"