<template>
	<ciy-header ref="header" title="ciy-showmoney组件"></ciy-header>
	<view>
		<view class="ciy-card">
			<view class="title">金额显示</view>
			<view class="content">
				<view class="tip">
					金额显示。<br />
				</view>
			</view>
		</view>
		<view class="txt-center">
		<ciy-showmoney :value="props.value" :unit="props.unit" :dec0="props.dec0" :intstyle="props.intstyle" :decstyle="props.decstyle"></ciy-showmoney>
		</view>
		<view class="ciy-card">
			<view class="title">属性</view>
			<view class="content">
				<view class="prp">value</view>
				<view class="tip">显示的原始金额，分为单位。</view>
				<ciy-input bb v-model="props.value" style="width:8em;text-align: right;"></ciy-input>
				<view class="hr"></view>
				<view class="prp">unit</view>
				<view class="tip">
					单位，支持元、万元。<br />
				</view>
				<ciy-input bb v-model="props.unit" style="width:4em;text-align: right;"></ciy-input>
				<view class="hr"></view>
				<view class="prp">dec0</view>
				<view class="tip">
					是否显示全0小数。<br />
					默认 false
				</view>
				<ciy-switch v-model="props.dec0"></ciy-switch>
				<view class="hr"></view>
				<view class="prp">intstyle</view>
				<view class="tip">
					整数部分style。<br />
				</view>
				<ciy-input bb v-model="props.intstyle"></ciy-input>
				
				<view class="hr"></view>
				<view class="prp">decstyle</view>
				<view class="tip">
					小数及单位部分style。<br />
				</view>
				<ciy-input bb v-model="props.decstyle"></ciy-input>
			</view>
		</view>
		<view class="ciy-card">
			<view class="title">方法</view>
			<view class="content">
				无
			</view>
		</view>
		<view class="ciy-card">
			<view class="title">事件</view>
			<view class="content">
				无
			</view>
		</view>
		<view class="hr"></view>
	</view>
</template>

<style scoped>
	@import '@/pages/demo/zdemo.css';
</style>

<script>
	import zmixin from '@/pages/demo/zmixin.js';
	export default {
		mixins: [zmixin],
		data() {
			return {
				props: {
					value: 12500,
					unit: '万元',
					intstyle: '',
					decstyle: 'font-size:0.7em;',
					dec0: false
				}
			}
		},
		onLoad() {},
		methods: {
		}
	}
</script>