56 lines
5.1 KiB
Plaintext
Executable File
56 lines
5.1 KiB
Plaintext
Executable File
<view style="margin:15rpx;">
|
|
<view class="card" style="padding-bottom:{{cardInfo.picturesTemplateHeight/cardInfo.picturesTemplateWidth*100+'%'}};">
|
|
<image alt="" class="card-bgImg" src="{{cardUrl}}{{cardInfo.picturesTemplateBackgroundImage}}" wx:if="{{cardInfo.picturesTemplateBackgroundImage}}"></image>
|
|
<view catchtap="giveFocus" class="area-box {{item.templateAreaFontCenter=='left'?'wrap-line':''}} {{item.templateAreaFontCenter=='center'?'wrap-center':''}} {{item.templateAreaFontCenter=='right'?'wrap-line':''}} " data-cur="{{index}}" style="position:absolute;top: {{item.templateAreaTop/cardInfo.picturesTemplateHeight*100+'%'}};left:{{item.templateAreaLeft/cardInfo.picturesTemplateWidth*100+'%'}};color:{{item.templateAreaFontColor}};;width:{{item.templateAreaWidth}}px;height:{{item.templateAreaHeight}}px;font-size:{{item.templateAreaFontSize}};font-style:{{item.templateAreaFontStyle}};font-weight:{{item.templateAreaFontBold}};text-align:{{item.templateAreaFontCenter}};" wx:if="{{item.templateAreaServerLink=='1'&&item.templateAreaType!='1'}}" wx:for="{{areaList}}" wx:key="index"> {{item.templateAreaFontValue}} </view>
|
|
<view data-cur="{{index}}" data-item="{{item}}" style="position:absolute;top: {{item.templateAreaTop/cardInfo.picturesTemplateHeight*100+'%'}};left:{{item.templateAreaLeft/cardInfo.picturesTemplateWidth*100+'%'}};color:{{item.templateAreaFontColor}};width:{{item.templateAreaWidth/cardInfo.picturesTemplateWidth*100+'%'}};height:{{item.templateAreaHeight/cardInfo.picturesTemplateHeight*100+'%'}};" wx:if="{{item.templateAreaServerLink=='2'}}" wx:for="{{areaList}}" wx:key="index">
|
|
<image src="{{cardUrl}}{{item.templateAreaFile}}" style="width: 100%;height:100%"></image>
|
|
</view>
|
|
<view catchtap="giveFocus" class="area-box" data-cur="{{index}}" style="position:absolute;top: {{item.templateAreaTop/cardInfo.picturesTemplateHeight*100+'%'}};left:{{item.templateAreaLeft/cardInfo.picturesTemplateWidth*100+'%'}};color:{{item.templateAreaFontColor}};width:{{item.templateAreaWidth/cardInfo.picturesTemplateWidth*100+'%'}};height:{{item.templateAreaHeight/cardInfo.picturesTemplateHeight*100+'%'}}" wx:if="{{item.templateAreaType=='1'&&item.templateAreaServerLink=='1'}}" wx:for="{{areaList}}" wx:key="index">
|
|
<text wx:if="{{!item.templateAreaFile}}">{{item.templateAreaFontValue}}</text>
|
|
<image src="{{cardUrl}}{{item.templateAreaFile}}" wx:else></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="content-box">
|
|
<view class="card-title">适用行业：{{cardInfo.templateIndustryName}}</view>
|
|
<view class="card-info">
|
|
<view class="edit-card">
|
|
<view wx:if="{{item.templateAreaServerLink!='2'&&item.templateAreaType!='1'}}" wx:for="{{areaList}}" wx:key="index">
|
|
<view class="row-ver">
|
|
<view class="item-title-box">
|
|
<view class="item-title">{{item.templateAreaName}}</view>
|
|
<view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入{{item.templateAreaFontLength}}个字符 </view>
|
|
</view>
|
|
<view class="item-input">
|
|
<input bindblur="inputBlur" data-item="{{item}}" data-num="{{index}}" focus="{{item.focus}}" type="text" value="{{item.templateAreaFontValue}}" wx:if="{{item.templateAreaServerLink!='1'}}"></input>
|
|
<input bindblur="inputBlur" data-item="{{item}}" data-num="{{index}}" focus="{{item.focus}}" placeholder="请输入内容,最多{{item.templateAreaFontLength}}个字" type="text" value="{{item.templateAreaFontValue}}" wx:else></input>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row-ver" wx:if="{{item.templateAreaServerLink=='2'&&item.templateAreaType!='1'}}" wx:for="{{areaList}}" wx:key="index">
|
|
<view class="item-title-box">
|
|
<view class="item-title">{{item.templateAreaName}}</view>
|
|
<view class="hint-txt" wx:if="{{item.templateAreaFontLength>0}}">最多输入1张图片</view>
|
|
</view>
|
|
<view bindtap="choosePhoto" class="card-img-box" data-cur="{{index}}" data-item="{{item}}">
|
|
<image mode="widthFix" src="{{cardUrl}}{{item.templateAreaFile}}"></image>
|
|
<text class="cuIcon-cameraadd" style="font-size: 100rpx;"></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="foot bg-white" style="padding: 15rpx;" wx:if="{{!isLoading}}">
|
|
<button bindtap="createMyCard" class="cu-btn bg-blue" style="width:100%">生成我的名片</button>
|
|
</view>
|
|
<view class="hide-link" wx:if="{{showHide}}">
|
|
<view class="hide">
|
|
<view class="hide-title">创建成功</view>
|
|
<view class="hide-text">恭喜您名片创建成功,如需查看请到(我的 → 我的卡包)</view>
|
|
<view class="hide-btn-box">
|
|
<view bindtap="continueCreate" class="hide-btn">继续创建</view>
|
|
<view bindtap="backList" class="hide-btn">返回模板</view>
|
|
</view>
|
|
</view>
|
|
</view>
|