<template>
<view>
<painter @imgOK="imgOk" @imgErr="imgErr" widthPixels="375" customStyle='width:750rpx;' :palette="template"/>
</view>
</template>
<script>
import painter from '@/wxcomponents/Kujiale-Mobile-painter/painter';
export default {
components: {
painter
},
data() {
return {
template:{}
}
},
mounted() {
this._doctorBase()
},
methods:{
imgOk(e){
console.log(e);
},
imgErr(){
},
_doctorBase(){
let arr = {
background: '#ffffff',
width: '598rpx',
height: '841rpx',
borderRadius: '12rpx',
views: [
{
type: "rect",
css: {
left:'211rpx',
top:'171rpx',
width: '176rpx',
height: '36rpx',
borderRadius: '12rpx',
color: '#f75a53',
}
},
{
type: "text",
text:'wdctefvsdcx',
css: {
color:'#ffffff',
top:'174rpx', //设计图为177
fontSize:'26rpx',
lineHeight:'26rpx',
width:'598rpx',
textAlign:'center',
}
},
{
type: "text",
text:'4wdctefvsdcx56',
css: {
maxLines:1,
top:'210rpx', // 设计图为220
color:'#363636',
width:'598rpx',
lineHeight:'35rpx',
fontSize:'35rpx',
textAlign:'center',
}
},
{
type: "text",
text:'5wdctefvsdcx',
css: {
maxLines:1,
top:'295rpx',
color:'#363636',
width:'598rpx',
lineHeight:'35rpx',
fontSize:'35rpx',
textAlign:'center',
}
},
{
type: "text",
text:'wdctefvsdcx',
css: {
maxLines:1,
top:'335rpx',
color:'#363636',
width:'598rpx',
lineHeight:'35rpx',
fontSize:'35rpx',
textAlign:'center',
}
},
{
type: "text",
text:'用微信扫描二维码可以预约',
css: {
textAlign:'center',
top:'680rpx',
width:'598rpx',
color:'#898989',
lineHeight:'35rpx',
fontSize:'30rpx',
}
},
{
type: "text",
text:'(或长按图片识别图中二维码)',
css: {
textAlign:'center',
top:'715rpx',
color:'#898989',
width:'598rpx',
lineHeight:'35rpx',
fontSize:'30rpx',
}
},
{
type: "rect",
css: {
left:'0rpx',
top:'779rpx',
width: '598rpx',
height: '1rpx',
color: '#d7d7d7',
}
},
{
type: "text",
text:'123',
css: {
left:'241rpx',
top:'792rpx',
color:'#26bfbf',
fontSize:'30rpx',
}
}
]
}
this.template = arr;
}
}
}
</script>