身份证样式对齐
This commit is contained in:
parent
7856f31273
commit
f005971605
|
|
@ -14,30 +14,30 @@
|
||||||
<l-painter-view
|
<l-painter-view
|
||||||
:css="`margin-top:109px;margin-left:75px;position: relative;width:666px;height:406px;background-image: url('/static/image/other/card/cardBGImg.png');background-size:6660px 406px;`">
|
:css="`margin-top:109px;margin-left:75px;position: relative;width:666px;height:406px;background-image: url('/static/image/other/card/cardBGImg.png');background-size:6660px 406px;`">
|
||||||
<!-- 头部年月 -->
|
<!-- 头部年月 -->
|
||||||
<l-painter-view :css="`position: absolute;left:122px;top:50px;`">
|
<l-painter-view :css="`position: absolute;left:122px;top:54px;`">
|
||||||
<l-painter-text :css="data.textCss+data.textCssLeft" :text="data.form.name" />
|
<l-painter-text :css="data.textCss+data.textCssLeft" :text="data.form.name" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:122px;top:100px;`">
|
<l-painter-view :css="`position: absolute;left:122px;top:102px;`">
|
||||||
<l-painter-text :css="data.textCss2+data.textCssLeft" :text="data.form.gender" />
|
<l-painter-text :css="data.textCss2+data.textCssLeft" :text="data.form.gender" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:262px;top:100px;`">
|
<l-painter-view :css="`position: absolute;left:262px;top:102px;`">
|
||||||
<l-painter-text :css="data.textCss2+data.textCssLeft" :text="data.form.nation" />
|
<l-painter-text :css="data.textCss2+data.textCssLeft" :text="data.form.nation" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:122px;top:150px;`">
|
<l-painter-view :css="`position: absolute;left:122px;top:150px;`">
|
||||||
<l-painter-text v-for="(item,index) in data.form.year.toString()" :css="data.textCss3+data.textCssLeft"
|
<l-painter-text v-for="(item,index) in data.form.year.toString()" :css="data.textCss3+data.textCssLeft"
|
||||||
:text="item" :key="index" />
|
:text="item" :key="index" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:190px;top:150px;`">
|
<l-painter-view :css="`position: absolute;left:192px;top:152px;`">
|
||||||
<l-painter-text :css="data.textCss2+data.textCssCenter" :text="data.form.month.toString()" />
|
<l-painter-text :css="data.textCss2+data.textCssCenter" :text="data.form.month.toString()" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:250px;top:150px;`">
|
<l-painter-view :css="`position: absolute;left:254px;top:152px;`">
|
||||||
<l-painter-text :css="data.textCss2+data.textCssCenter" :text="data.form.day.toString()" />
|
<l-painter-text :css="data.textCss2+data.textCssCenter" :text="data.form.day.toString()" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:122px;top:198px;width:274px;`">
|
<l-painter-view :css="`position: absolute;left:122px;top:200px;width:274px;`">
|
||||||
<l-painter-text v-for="(item,index) in data.form.address" :css="data.textCss3+data.textCssLeft" :text="item"
|
<l-painter-text v-for="(item,index) in data.form.address" :css="data.textCss3+data.textCssLeft" :text="item"
|
||||||
:key="index" />
|
:key="index" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
<l-painter-view :css="`position: absolute;left:223px;top:320px;`">
|
<l-painter-view :css="`position: absolute;left:223px;top:322px;`">
|
||||||
<l-painter-text v-for="(item,index) in data.form.idNumber" :css="data.textCss4+data.textCssLeft" :text="item"
|
<l-painter-text v-for="(item,index) in data.form.idNumber" :css="data.textCss4+data.textCssLeft" :text="item"
|
||||||
:key="index" />
|
:key="index" />
|
||||||
</l-painter-view>
|
</l-painter-view>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue