exp.vue 1.81 KB

<template>
  <div class="page">
    <div class="app__bgc bgc"></div>
    <div class="app__bg bg"></div>
    <div class="app__content main">
      <div class="top-space"></div>
      <div class="content">

        <div class="form">

          <div class="form-item">
            <div class="form-tit">列表</div>
            <div class="cont">
              <div class="list">
                <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"
                  :immediate-check="false">

                  <div v-for="(item,index) in list" :key="item.id">
                    {{ index }}
                  </div>
                </van-list>
              </div>
            </div>
          </div>

          <div class="form-item">
            <div class="form-tit">地区</div>
            <div class="cont">
              <div @click="onShowAreaSelect" class="val">
                <input readonly="true" v-model="areaStr" class="ipt" type="text">
              </div>
            </div>

          </div>

          <div class="form-item">
            <div class="form-tit">图片上传</div>
            <div class="cont">
              <van-uploader v-model="fileList" :after-read="afterRead" accept="image/png, image/jpeg, video/mp4"
                preview-size='26vw' :max-count="9">
              </van-uploader>
            </div>
          </div>
        </div>

        <div class="btn-wrap">
          <div class="btn">提 交</div>
        </div>
      </div>
    </div>
    <van-popup v-model="areaVisible" position="bottom" get-container="body">
      <van-area title="省市区选择" :area-list="areaList" @confirm="onAreaConfirm" @cancel="areaVisible=false" />
    </van-popup>
  </div>
</template>

<script src="./exp.js"></script>
<style lang="scss" scoped>
@import "./exp.scss";
</style>