<!--pages/customized/made/madeFont/madeFont.wxml--> <view class='made-content'> <!-- <canvas canvas-id='madeContent' class='made-content'></canvas> --> <view class='made-img-box'> <image src='{{obverseImgObject[isActive]}}'></image> <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}"> <view class='f-box f-align-items-center f-justify-content-center made-prompt' wx:if="{{!touch.fontSize}}">{{touch.fontContent}}</view> <view wx:else class='made-prompt made-font' style='color:{{touch.isColor}};font-size:{{touch.fontSize}}px'> <view class='font-content' style='top:{{touch.y}}px;left:{{touch.x}}px'> <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='fontDelete'></view> <view bindtouchstart="fontTouchstart" animation="{{animationData}}" bindtouchmove="fontTouchmove" bindtouchend="fontTouchend" id='touchFont'>{{touch.fontContent}}</view> </view> </view> </made-solid> </view> </view> <view class='public-prompt'>该预览为仿真效果图,具体请以实物为准</view> <view class='footer f-box'> <navigator open-type="navigateBack" class="f-box f-align-items-center f-justify-content-center footer-icon"> <block> <icon class='f-box' type="clear" /> </block> </navigator> <view class='f-item footer-add-btn' bindtap='addFont'>添加文字</view> <view class="f-box f-align-items-center footer-icon f-justify-content-center" bindtap='madeConfirm'> <block> <icon class='f-box' type="success" /> </block> </view> </view> <!-- slider --> <view class='slider-box' wx:if="{{touch.fontSize}}"> <!-- 大小 --> <view class='f-box f-align-items-center mar-l20 mar-r20'> <view class='f-s30'>放大</view> <view class="body-view f-item"> <slider bindchanging="fontEnlarge" block-color="#00af66" block-size="16" min="20" max="200" value='{{touch.fontSize}}' show-value/> </view> </view> <view class='f-box f-align-items-center mar-l20 mar-r20'> <!-- 度数 --> <view class='f-s30'>旋转</view> <view class="body-view f-item"> <slider bindchanging="fontRotate" block-color="#00af66" block-size="16" min="0" max="360" value='{{touch.angle}}' show-value/> </view> </view> </view> <!-- 文字层 --> <view class='font-ceng' wx:if="{{addFontStatic}}"> <view class="f-box f-justify-content-between"> <view class='font-cancel f-s32 c-white mar-l20 mar-t20' bindtap='fontCancel'>取消</view> <view class='font-confirm f-s32 c-white mar-r20 mar-t20' bindtap='fontConfirm'>完成</view> </view> <view class='c-white f-box f-justify-content-center f-s26'>仅支持手机自带字体样式</view> <view class="input-box"> <input placeholder-style="color:#fff" style='color:{{touch.isColor}}' placeholder="可编辑文字" bindinput="bindinput" auto-focus /> </view> <view class='font-color f-box f-justify-content-around'> <view wx:for="{{fontColorArray}}" class='{{touch.isColor === item ? "isColor" : ""}}' data-color="{{item}}" bindtap='selectColor'> <view style='background:{{item}}' class='font-item'></view> </view> </view> <!-- 自带字体样式 --> <view></view> </view>