<template>
	<div class="mainBox w100">
		<zgh-header :title="$route.name"></zgh-header>
		<div class="common-top h100">
      <div class="textC mg10">
        <zgh-select-number  v-model="number" max="10" min="1"></zgh-select-number>

      </div>
      <div class="highlight mgB20">
        <div class="wp fs14">
          用法：
          <p>1、v-modle绑定值当前数值</p>
          <p>2、max最大值</p>
          <p>3、min最小值</p>
        </div>
        <pre>
          <code class="hljs language-html">
            {{code | htmlDecode}}
          </code>
        </pre>
        <zgh-table :tbody="tbody"></zgh-table>
      </div>
		</div>
	</div>
</template>

<script>


	export default {
		data() {
			return {
				number:1,
        tbody: [
          {name: 'v-model', explain: '绑定选择的值', type: '', default: '1'},
          {name: 'max', explain: '最大数量', type: '', default: '100000000'},
          {name: 'min', explain: '最小数量', type: '', default: '1'}
        ],
        code:`
        <zgh-select-number v-model="number" max="10" min="1"></zgh-select-number>
        `
			}
		},
		computed:{

		},
		mounted(){

		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	@import url("../../assets/config.less");
	a{

		display:block;
		text-align: center;
		.lh(70);
	}
</style>
