<!-- 
Codes Generated By ebiz-lowcode:
http://www.ebiz-interactive.com/
-->

<template>
<div class="container">
  <van-form class=" generatedForm" label-align="left" label-width="80px" ref="vForm">
    <van-search label="m-search" v-model="formData.msearch42552" label-align="right" background="#B0B0B0">
    </van-search>
    <m-swiper :options="mswiper51434Options" :showNextBtb="false" :showPagination="false">
      <div class="swiper-slide">
        <van-image src="http://39.104.123.254:7515/action.jpg" height="300"> </van-image>
      </div>
      <div class="swiper-slide">
      </div>
    </m-swiper>
    <van-cell title="热门商品" icon-prefix="van-icon" arrow-direction="right">
    </van-cell>
    <div class="map-form-container" v-for="(item,index) in mmap113313" :key="index">
      <van-row>
        <van-col :span="11" class="grid-cell">
          <van-image src="http://39.104.123.254:7515/action.jpg" height="300"> </van-image>
          <van-cell title="文本内容" icon-prefix="van-icon" arrow-direction="right">
          </van-cell>
          <van-row>
            <van-col :span="12" class="grid-cell">
            </van-col>
            <van-col :span="12" class="grid-cell">
            </van-col>
          </van-row>
        </van-col>
        <van-col :span="11" :offset="2" class="grid-cell">
          <van-image src="http://39.104.123.254:7515/action.jpg" height="300"> </van-image>
          <van-cell title="文本内容" icon-prefix="van-icon" arrow-direction="right">
          </van-cell>
          <van-row>
            <van-col :span="12" class="grid-cell">
            </van-col>
            <van-col :span="12" class="grid-cell">
            </van-col>
          </van-row>
        </van-col>
      </van-row>
    </div>
  </van-form>
</div>

</template>

<script>
import test_fun from './test.js'
// 按需引入
import {
  Field,
  Search,
  Cell,
  Col,
  Row
}
from 'vant'
export default {
  components: {
    // 按需引入的组件部分
    [Field.name]: Field,
    [Search.name]: Search,
    [Cell.name]: Cell,
    [Col.name]: Col,
    [Row.name]: Row,
  },
  props: {},
  mixins: [test_fun],
  data() {
    return {
      formData: {
        msearch42552: "",
        mimage16416: null,
        mimage62124: null,
        mimage51916: null,
      },
      // 
      mswiper51434Options: {
        "height": 200,
        "add": false
      },
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    // H5提交函数
    submitForm() {
      this.$validator.validate().then((ev) => {
        if (!ev) {
          this.$toast(this.$validator.errors.all()[0]);
          return false
        }
        //通过逻辑部分
      })
    },
  }
}

</script>

<style lang="scss">


</style>

<style lang="scss" scoped>
 .generatedForm {
   background: #eeeeee;
   padding: 5px
 }
 



</style>