city_card/pages/mine/myCardDetail/myCardDetail.wxml
2023-07-15 14:25:28 +08:00

49 lines
4.6 KiB
Plaintext

<view style="margin:15rpx;">
<view class="card" style="padding-bottom:{{cardInfo.cardTemplateUseHeight/cardInfo.cardTemplateUseWidth*100+'%'}};">
<image alt="" class="card-bgImg" src="{{cardUrl}}{{cardInfo.cardTemplateUseBackgroundImage}}" wx:if="{{cardInfo.cardTemplateUseBackgroundImage}}"></image>
<view bindtap="giveFocus" class="area-box" data-cur="{{index}}" style="position:absolute;top: {{item.templateAreaTop/cardInfo.cardTemplateUseHeight*100+'%'}};left:{{item.templateAreaLeft/cardInfo.cardTemplateUseWidth*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}};line-height:{{item.templateAreaHeight}}px;" wx:if="{{item.templateAreaServerLink=='1'}}" wx:for="{{areaList}}" wx:key="index"> {{item.templateAreaFontValue}} </view>
<view data-cur="{{index}}" style="position:absolute;top: {{item.templateAreaTop/cardInfo.cardTemplateUseHeight*100+'%'}};left:{{item.templateAreaLeft/cardInfo.cardTemplateUseWidth*100+'%'}};color:{{item.templateAreaFontColor}};width:{{item.templateAreaWidth/cardInfo.cardTemplateUseWidth*100+'%'}};height:{{item.templateAreaHeight/cardInfo.cardTemplateUseHeight*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 bindtap="giveFocus" class="area-box" data-cur="{{index}}" style="position:absolute;top: {{item.templateAreaTop/cardInfo.cardTemplateUseHeight*100+'%'}};left:{{item.templateAreaLeft/cardInfo.cardTemplateUseWidth*100+'%'}};color:{{item.templateAreaFontColor}};width:{{item.templateAreaWidth/cardInfo.cardTemplateUseWidth*100+'%'}};height:{{item.templateAreaHeight/cardInfo.cardTemplateUseHeight*100+'%'}}" wx:if="{{item.templateAreaServerLink!='1'&&item.templateAreaServerLink!='2'}}" 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}}" placeholder="请输入内容,最多{{item.templateAreaFontLength}}个字" 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="share">
<view bindtap="updateCard" class="btn">提交修改</view>
<view bindtap="bindService" class="btn" wx:if="{{isShowBind}}">绑定服务</view>
<view bindtap="setDefaultCard" class="btn">置顶名片</view>
<view bindtap="deleteCard" class="btn">删除名片</view>
</view>