小程序|基于 Serverless 架构的头像漫画风处理小程序( 二 )


.detailList\" wx:for-index=\"substyle\" bindtap=\"changeStyle\" data-substyle=\"{{substyle\" bindlongpress=\"showModal\" data-target=\"Image\"view class=\"cu-tag badge cuIcon-check bg-grey\" hidden=\"{{currentSubStyle == substyle ? false : true\"/viewtext class=\"avatar-text\"{{substyle/text/viewview class=\"text-right padding-top text-gray\"* 长按风格圆圈可以预览模板效果/view/viewview class=\"padding-sm bg-white solid-bottom\"button class=\"cu-btn block bg-blue margin-tb-sm lg\" bindtap=\"getNewPhoto\" disabled=\"{{!userChosePhoho\" type=\"\"{{ userChosePhoho ? (getPhotoStatus ? 'AI将花费较长时间' : '生成图片') : '请先选择图片' /button/viewview class=\"cu-bar bg-white solid-bottom margin-top\" hidden=\"{{!resultPhoto\"view class=\"action\"text class=\"cuIcon-title text-blue\"/text生成结果/view/viewview class=\"padding-sm bg-white solid-bottom\" hidden=\"{{!resultPhoto\"view wx:if=\"{{resultPhoto == 'error'\"view class=\"text-center padding-top\"服务暂时不可用 , 请稍后重试/viewview class=\"text-center padding-top\"或联系开发者微信:text class=\"text-blue\" data-data=https://mparticle.uc.cn/"zhihuiyushaiqi\" bindtap=\"copyData\"zhihuiyushaiqi/text/view/viewview wx:elseview class=\"images\"image src=https://mparticle.uc.cn/"{{resultPhoto\" mode=\"aspectFit\" bindtap=\"previewImage\" bindlongpress=\"saveImage\" data-image=\"{{resultPhoto\"/image/viewview class=\"text-right padding-top text-gray\"* 点击图片可预览 , 长按图片可保存/view/view/viewview class=\"padding bg-white margin-top margin-bottom\"view class=\"text-center\"自豪的采用 Serverless Devs 搭建/viewview class=\"text-center\"Powered By Anycodestext bindtap=\"showModal\" class=\"text-cyan\" data-target=\"Modal\"{{\"\"作者的话{{\"\"/text/view/viewview class=\"cu-modal {{modalName=='Modal'?'show':''\"view class=\"cu-dialog\"view class=\"cu-bar bg-white justify-end\"view class=\"content\"作者的话/viewview class=\"action\" bindtap=\"hideModal\"text class=\"cuIcon-close text-red\"/text/view/viewview class=\"padding-xl text-left\"大家好 , 我是刘宇 , 很感谢您可以关注和使用这个小程序 , 这个小程序是我用业余时间做的一个头像生成小工具 , 基于“人工智障”技术 , 反正现在怎么看怎么别扭 , 但是我会努力让这小程序变得“智能”起来的 。 如果你有什么好的意见也欢迎联系我text class=\"text-blue\" data-data=https://mparticle.uc.cn/"service@52exe.cn\" bindtap=\"copyData\"邮箱/text或者text class=\"text-blue\" data-data=https://mparticle.uc.cn/"zhihuiyushaiqi\" bindtap=\"copyData\"微信/text , 另外值得一提的是 , 本项目基于阿里云Serverless架构 , 通过Serverless Devs开发者工具建设 。 /view/view/viewview class=\"cu-modal {{modalName=='Image'?'show':''\"view class=\"cu-dialog\"view class=\"bg-img\" style=\"background-image: url(\"{{previewStyle\");height:200px;\"view class=\"cu-bar justify-end text-white\"view class=\"action\" bindtap=\"hideModal\"text class=\"cuIcon-close \"/text/view/view/viewview class=\"cu-bar bg-white\"view class=\"action margin-0 flex-sub solid-left\" bindtap=\"hideModal\"关闭预览/view/view/view/view/scroll-view页面逻辑也是比较简单的:// index.js// 获取应用实例const app = getApp()Page({ data: { styleList: { currentStyle: \"动漫风\" currentSubStyle: \"v1模型\" userChosePhoho: undefined resultPhoto: undefined previewStyle: undefined getPhotoStatus: false// 事件处理函数 bindViewTap() { wx.navigateTo({ url: '../logs/logs' )onLoad() { const that = this wx.showLoading({ title: '加载中' ) app.doRequest(`system/styles` { option = { method: \"GET\" ).then(function (result) { wx.hideLoading() that.setData({ styleList: result currentStyle: Object.keys(result)[0
currentSubStyle: Object.keys(result[Object.keys(result)[0

.detailList)[0
) )changeStyle(attr) { this.setData({ \"currentStyle\": attr.currentTarget.dataset.style || this.data.currentStyle \"currentSubStyle\": attr.currentTarget.dataset.substyle || Object.keys(this.data.styleList[attr.currentTarget.dataset.style

相关经验推荐