1. 首頁 > 科技 > >

小程序|基于 Serverless 架構的頭像漫畫風處理小程序( 二 )

ainasPython小程序


.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

相關經驗推薦