88 lines
2.2 KiB
Vue
88 lines
2.2 KiB
Vue
<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> |