hjq/PixelAI-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

适配app端

Browse Source
This commit is contained in:
Double-_-Z 2024-12-30 19:01:03 +08:00
parent fc5100c63a
commit dde6528455
16 changed files with 252 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -2,8 +2,7 @@
.DS_Store .DS_Store
# 忽略项目编译后的文件 # 忽略项目编译后的文件
unpackage/dist unpackage
unpackage/cache
node_modules/ node_modules/
dist/ dist/

7
common/config.service.js
View File

@ -1,5 +1,12 @@
// 接口环境 // 接口环境
// #ifdef H5
let BASE_URL = '/pixelApi'; let BASE_URL = '/pixelApi';
// #endif
// #ifdef APP-PLUS ||MP
let BASE_URL = 'http://8.138.171.103/pixelApi';
// #endif
let IP = 'http://8.138.171.103/';// 测试环境 let IP = 'http://8.138.171.103/';// 测试环境
// let IP = 'http://1.12.224.227/';// 正式环境 // let IP = 'http://1.12.224.227/';// 正式环境
let FILE_URL = IP+'static/'; let FILE_URL = IP+'static/';

5
common/ossutil/ossWebUpload.js
View File

@ -44,7 +44,12 @@ const ossUpload = async(vm,filePath,success) => {
let res = await vm.$api.getOssSignal(); let res = await vm.$api.getOssSignal();
if(res?.success){ if(res?.success){
resultPath = res.data.substring(0, res.data.indexOf("?")); resultPath = res.data.substring(0, res.data.indexOf("?"));
// #ifdef H5
clientPath = res.data.replace(configService.aliUrl, "/ossUpload"); clientPath = res.data.replace(configService.aliUrl, "/ossUpload");
// #endif
// #ifndef H5
clientPath = res.data;
// #endif
// clientPath = res.data.replace(configService.aliAsyncUrl, "/asyncOssUpload"); // clientPath = res.data.replace(configService.aliAsyncUrl, "/asyncOssUpload");
} }
getImageBase64(vm,filePath,success); getImageBase64(vm,filePath,success);

73
manifest.json
View File

@ -102,51 +102,54 @@
"devServer" : { "devServer" : {
"disableHostCheck" : true, "disableHostCheck" : true,
"proxy" : { "proxy" : {
"/pixelApi" : { "/pixelApi" : {
"target" : "http://8.138.171.103/pixelApi",// 测试环境 "target" : "http://8.138.171.103/pixelApi", // 测试环境
// "target" : "http://1.12.224.227/pixelApi",// 正式环境
"changeOrigin" : true, // "target" : "http://1.12.224.227/pixelApi",// 正式环境
"secure" : true, "changeOrigin" : true,
"ws" : false, "secure" : true,
"pathRewrite" : { "ws" : false,
"^/pixelApi" : "" "pathRewrite" : {
} "^/pixelApi" : ""
}, }
},
"/upload" : { "/upload" : {
"target" : "http://8.138.171.103",// 测试环境 "target" : "http://8.138.171.103", // 测试环境
// "target" : "http://1.12.224.227",// 正式环境
// "target" : "http://1.12.224.227",// 正式环境
"changeOrigin" : true, "changeOrigin" : true,
"secure" : true, "secure" : true,
"ws" : false "ws" : false
}, },
"/aiupload" : { "/aiupload" : {
"target" : "http://8.138.171.103/upload",// 测试环境 "target" : "http://8.138.171.103/upload", // 测试环境
// "target" : "http://1.12.224.227",// 正式环境
// "target" : "http://1.12.224.227",// 正式环境
"changeOrigin" : true, "changeOrigin" : true,
"secure" : true, "secure" : true,
"ws" : false, "ws" : false,
"pathRewrite" : { "pathRewrite" : {
"^/aiupload" : "" "^/aiupload" : ""
} }
}, },
"/ossUpload" : { "/ossUpload" : {
"target" : "http://guojunjie.oss-cn-hangzhou.aliyuncs.com", "target" : "http://guojunjie.oss-cn-hangzhou.aliyuncs.com",
"changeOrigin" : true, "changeOrigin" : true,
"secure" : true, "secure" : true,
"ws" : false, "ws" : false,
"pathRewrite" : { "pathRewrite" : {
"^/ossUpload/" : "" "^/ossUpload/" : ""
} }
}, },
"/asyncOssUpload" : { "/asyncOssUpload" : {
"target" : "https://dashscope-result-bj.oss-cn-beijing.aliyuncs.com", "target" : "https://dashscope-result-bj.oss-cn-beijing.aliyuncs.com",
"changeOrigin" : true, "changeOrigin" : true,
"secure" : true, "secure" : true,
"ws" : false, "ws" : false,
"pathRewrite" : { "pathRewrite" : {
"^/asyncOssUpload/" : "" "^/asyncOssUpload/" : ""
} }
} }
} }
} }
}, },

8
pages/index/rich-detail.vue
View File

@ -92,6 +92,14 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
background-size: cover; background-size: cover;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.rdt-top{ .rdt-top{
// #ifdef APP // #ifdef APP
.app-top{ .app-top{

4
pages/index/webview.vue
View File

@ -18,14 +18,14 @@ export default {
src: '', src: '',
wbStyles: { wbStyles: {
width: '100%', width: '100%',
height: '100vh', height: '100%',
}, },
} }
}, },
onLoad(option) { onLoad(option) {
this.title = option?.title this.title = option?.title
this.src = option.src ? decodeURI(option.src) : ''; this.src = option.src ? decodeURI(option.src) : '';
console.log(this.src); console.log('this.src',this.src);
}, },
} }
</script> </script>

34
pages/mobile_web/home/home.vue
View File

@ -69,6 +69,10 @@
<!-- <image class="work-picture" :src="item.picture" mode="widthFix"></image> --> <!-- <image class="work-picture" :src="item.picture" mode="widthFix"></image> -->
<view class="sign-text">{{ siftList[item.serviceId] ? siftList[item.serviceId].name : '暂无' }}</view> <view class="sign-text">{{ siftList[item.serviceId] ? siftList[item.serviceId].name : '暂无' }}</view>
<image :lazy-load="true" class="sign" :src="fileUrl+sign"></image> <image :lazy-load="true" class="sign" :src="fileUrl+sign"></image>
<view class="work-todo" @click.native.stop="toDeal(item.serviceId)">
<image :src="fileUrl+magicWand"></image>
<text>做同款</text>
</view>
<!-- <image class="compare-sign" mode="widthFix" :src="item.compare"></image> --> <!-- <image class="compare-sign" mode="widthFix" :src="item.compare"></image> -->
</view> </view>
</view> </view>
@ -149,6 +153,8 @@ export default {
touchNum : 0, touchNum : 0,
// 轮播功能列表单组功能数 // 轮播功能列表单组功能数
group: 10, group: 10,
// 魔术棒
magicWand: 'magic-wand.png'
} }
}, },
methods:{ methods:{
@ -238,7 +244,7 @@ export default {
}, },
// 前往工作室 // 前往工作室
toDeal(id = null){ toDeal(id = null){
if(id!==null) if(id!==null&&id!=='')
uni.navigateTo({url: `/pages/mobile_web/workshops/index?id=${id}`}); uni.navigateTo({url: `/pages/mobile_web/workshops/index?id=${id}`});
else this.$refs.uToast.show({type:'error',title: "暂未开放对应功能!"}); else this.$refs.uToast.show({type:'error',title: "暂未开放对应功能!"});
}, },
@ -472,6 +478,32 @@ export default {
left: 0.9em; left: 0.9em;
z-index: 1; z-index: 1;
} }
.work-todo{
position: absolute;
bottom: 0.85em;
right: 0.7em;
z-index: 1;
border-radius: 12rpx;
padding: 14rpx 30rpx;
background-color: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
text{
font-weight: bold;
background-image: linear-gradient(to right, #cdfbf2 0%, #a3d4ff 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
image{
margin-right: 10rpx;
width: 34rpx;
height: 34rpx;
}
&:active{
opacity: 0.8;
}
}
.compare-sign{ .compare-sign{
position: absolute; position: absolute;
left: 0; left: 0;

8
pages/mobile_web/my/child_pages/contact.vue
View File

@ -169,6 +169,14 @@ export default {
background-size: cover; background-size: cover;
opacity: 0.9; opacity: 0.9;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.ct-top { .ct-top {
// #ifdef APP // #ifdef APP
.app-top { .app-top {

30
pages/mobile_web/my/child_pages/create.vue
View File

@ -23,14 +23,14 @@
<view class="detail-content"> <view class="detail-content">
<u-section title="生成记录" :subTitle="`总数 ${total}`" <u-section title="生成记录" :subTitle="`总数 ${total}`"
color="#befda1" fontSize="34" :arrow="false" subColor="#cbe7fb" /> color="#befda1" fontSize="34" :arrow="false" subColor="#cbe7fb" />
<scroll-view :scroll-top="scrollTop" :scrollY="true" class="createList" @scroll="scroll" <scroll-view :scroll-top="scrollTop" :scrollY="true" class="createList"
scroll-with-animation> scroll-with-animation @scroll="scroll">
<u-collapse :itemStyle="{border: '4rpx solid rgba(56,45,79,1)',borderTopRightRadius: '10rpx', <u-collapse :itemStyle="{border: '4rpx solid rgba(56,45,79,1)',borderTopRightRadius: '10rpx',
borderTopLeftRadius: '10rpx',marginTop: '30rpx'}" :arrow="false" :headStyle="{color:'#b3a0da', borderTopLeftRadius: '10rpx',marginTop: '30rpx'}" :arrow="false" :headStyle="{color:'#b3a0da',
backgroundColor: 'rgba(56,45,79,0.6)', borderTopLeftRadius: '10rpx', backgroundColor: 'rgba(56,45,79,0.6)', borderTopLeftRadius: '10rpx',
borderTopRightRadius: '10rpx'}" :bodyStyle="{backgroundColor: 'rgba(56,45,79,1)',minHeight: '100rpx'}"> borderTopRightRadius: '10rpx'}" :bodyStyle="{backgroundColor: 'rgba(56,45,79,1)',minHeight: '100rpx'}">
<u-collapse-item v-for="(item, index) in createList" :key="item.id"> <u-collapse-item v-for="(item, index) in createList" :key="item.id">
<template #title> <template slot="title">
<view class="create-item-title"> <view class="create-item-title">
<view class="cit-left"> <view class="cit-left">
{{ index+1 }}. {{ item.type }} {{ index+1 }}. {{ item.type }}
@ -51,7 +51,7 @@
</view> </view>
</view> </view>
<view @click="goTop"> <view @click="goTop">
<u-back-top :scrollTop="scrollTop" zIndex="100" :iconStyle="{ color: '#fff' }" <u-back-top :scrollTop="oldScrollTop" zIndex="100" :iconStyle="{ color: '#fff' }"
:customStyle="{background: 'linear-gradient(180deg, rgba(56,45,79,1) 0%, #b3a0da 100%)',filter: 'opacity(0.96)'}"></u-back-top> :customStyle="{background: 'linear-gradient(180deg, rgba(56,45,79,1) 0%, #b3a0da 100%)',filter: 'opacity(0.96)'}"></u-back-top>
</view> </view>
<u-toast ref="uToast"></u-toast> <u-toast ref="uToast"></u-toast>
@ -79,6 +79,7 @@
}, },
// 滚动顶部 // 滚动顶部
scrollTop: 0, scrollTop: 0,
oldScrollTop: 0,
// 生成/消费记录 // 生成/消费记录
createList: [], createList: [],
// 总数 // 总数
@ -126,13 +127,16 @@
back(){ back(){
uni.navigateBack(); uni.navigateBack();
}, },
// 滚动
scroll(e){
this.scrollTop = e.detail.scrollTop
},
// 滚动回顶部 // 滚动回顶部
goTop() { goTop() {
this.scrollTop = 0; this.scrollTop = this.oldScrollTop;
this.$nextTick(()=>{
this.scrollTop = 0;
});
},
// 滚动监听
scroll(e){
this.oldScrollTop = e.detail.scrollTop;
}, },
// 时间格式化 // 时间格式化
dateFormat(time){ dateFormat(time){
@ -180,6 +184,14 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
background-size: cover; background-size: cover;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.cdt-top{ .cdt-top{
// #ifdef APP // #ifdef APP
.app-top{ .app-top{

8
pages/mobile_web/my/child_pages/login.vue
View File

@ -319,6 +319,14 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
background-size: cover; background-size: cover;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.lg-top{ .lg-top{
// #ifdef APP // #ifdef APP
.app-top{ .app-top{

8
pages/mobile_web/my/child_pages/recharge.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
</template>
<script>
</script>
<style>
</style>

8
pages/mobile_web/my/child_pages/setting.vue
View File

@ -243,6 +243,14 @@ export default {
background-size: cover; background-size: cover;
opacity: 0.9; opacity: 0.9;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.st-top { .st-top {
// #ifdef APP // #ifdef APP
.app-top { .app-top {

71
pages/mobile_web/my/child_pages/share.vue
View File

@ -23,19 +23,19 @@
<view class="detail-content"> <view class="detail-content">
<u-section title="发布记录" sub-title="筛选" <u-section title="发布记录" sub-title="筛选"
color="#befda1" fontSize="34" subColor="#cdfbf2"> color="#befda1" fontSize="34" subColor="#cdfbf2">
<template #right> <template slot="right">
<image @click="showSift = true" class="dc-sift" src="/static/sift.png"></image> <image @click="showSift = true" class="dc-sift" src="/static/sift.png"></image>
</template> </template>
</u-section> </u-section>
<scroll-view :scroll-top="scrollTop" :scrollY="true" class="shareList" <scroll-view :scrollTop="scrollTop" :scrollY="true" class="shareList"
@scroll="scroll" scroll-with-animation> scroll-with-animation @scroll="scroll">
<u-swipe-action :index="index" v-for="(item, index) in shareList" <u-swipe-action :index="index" v-for="(item, index) in shareList"
:key="item.id" @click="handleClick" bgColor="#3e3256" :key="item.id" @click="handleClick" bgColor="#3e3256" @content-click="contentClick"
:options="[{text:'删除',style:{backgroundColor:'#dd524d',marginRight: '-2rpx'}}]"> :options="[{text:'删除',style:{backgroundColor:'#dd524d',marginRight: '-2rpx'}}]">
<view class="share-item"> <view class="share-item" :class="currentClickIndex===index?'change-morphology':''">
<view class="si-left"> <view class="si-left">
<u-lazy-load border-radius="16" class="sil-image" <u-lazy-load border-radius="16" class="sil-image" :height="currentClickIndex===index? 200 : 140"
:image="item.path" @click="previewImage(item.path)"></u-lazy-load> :image="item.path" @click.native.stop="previewImage(item.path)"></u-lazy-load>
</view> </view>
<view class="si-right"> <view class="si-right">
<text :style="{color: statusList[item.reviewStatus].color}"> <text :style="{color: statusList[item.reviewStatus].color}">
@ -50,7 +50,7 @@
</view> </view>
</view> </view>
<view @click="goTop"> <view @click="goTop">
<u-back-top :scrollTop="scrollTop" zIndex="100" :iconStyle="{ color: '#fff' }" <u-back-top :scrollTop="oldScrollTop" zIndex="100" :iconStyle="{ color: '#fff' }"
:customStyle="{background: 'linear-gradient(180deg, rgba(56,45,79,1) 0%, #b3a0da 100%)',filter: 'opacity(0.96)'}"></u-back-top> :customStyle="{background: 'linear-gradient(180deg, rgba(56,45,79,1) 0%, #b3a0da 100%)',filter: 'opacity(0.96)'}"></u-back-top>
</view> </view>
<u-select v-model="showSift" :list="statusList" @confirm="selectSift" :defaultValue="[siftIndex]" <u-select v-model="showSift" :list="statusList" @confirm="selectSift" :defaultValue="[siftIndex]"
@ -80,8 +80,10 @@
current: 1, current: 1,
reviewStatus: '' reviewStatus: ''
}, },
currentClickIndex: '',
// 滚动顶部 // 滚动顶部
scrollTop: 0, scrollTop: 0,
oldScrollTop: 0,
// 生成/消费记录 // 生成/消费记录
shareList: [], shareList: [],
// 状态列表 // 状态列表
@ -138,13 +140,16 @@
back(){ back(){
uni.navigateBack(); uni.navigateBack();
}, },
// 滚动
scroll(e){
this.scrollTop = e.detail.scrollTop
},
// 滚动回顶部 // 滚动回顶部
goTop() { goTop() {
this.scrollTop = 0; this.scrollTop = this.oldScrollTop;
this.$nextTick(()=>{
this.scrollTop = 0;
});
},
// 滚动监听
scroll(e){
this.oldScrollTop = e.detail.scrollTop;
}, },
// 时间格式化 // 时间格式化
dateFormat(time){ dateFormat(time){
@ -169,6 +174,7 @@
if (res.confirm) { if (res.confirm) {
let res = await that.$api.deleteReleases(that.shareList[itemIndex].id); let res = await that.$api.deleteReleases(that.shareList[itemIndex].id);
if(res?.success){ if(res?.success){
that.currentClickIndex = '';
that.shareList.splice(itemIndex, 1); that.shareList.splice(itemIndex, 1);
that.$refs.uToast.show({type:'success',title: "发布记录删除成功!"}); that.$refs.uToast.show({type:'success',title: "发布记录删除成功!"});
}else{ }else{
@ -179,6 +185,10 @@
}); });
} }
}, },
// 内容点击
contentClick(index){
this.currentClickIndex = this.currentClickIndex===index ? '' : index;
},
// 预览图片 // 预览图片
previewImage(path){ previewImage(path){
tools.methods.lookImage(0,[path]); tools.methods.lookImage(0,[path]);
@ -213,6 +223,7 @@
const value = e[0].value; const value = e[0].value;
this.siftIndex = value === '' ? 0 : value; this.siftIndex = value === '' ? 0 : value;
this.form = {size: 10, current: 1, reviewStatus: value}; this.form = {size: 10, current: 1, reviewStatus: value};
this.currentClickIndex = '';
this.getShareList(); this.getShareList();
}, },
} }
@ -225,6 +236,14 @@
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
background-size: cover; background-size: cover;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.sdt-top{ .sdt-top{
// #ifdef APP // #ifdef APP
.app-top{ .app-top{
@ -271,17 +290,21 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
flex-wrap: wrap;
margin: 20rpx; margin: 20rpx;
.si-left{ .si-left{
transition: 0.3s;
width: 140rpx; width: 140rpx;
height: 140rpx; height: 140rpx;
display: flex;
justify-content: center;
align-items: center;
.sil-image{ .sil-image{
width: 140rpx; width: 140rpx;
height: 140rpx; height: 140rpx;
} }
} }
.si-right{ .si-right{
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
@ -293,6 +316,26 @@
} }
} }
} }
.change-morphology{
.si-left{
width: 100%;
height: 100%;
transition: 0.5s;
.sil-image{
width: 200rpx;
height: 200rpx;
}
}
.si-right{
width: 100%;
align-items: center;
justify-content: center;
text{
margin-bottom: 10rpx;
margin-right: 0rpx;
}
}
}
} }
.dc-sift{ .dc-sift{
width: 50rpx; width: 50rpx;

4
pages/mobile_web/work/work.vue
View File

@ -92,14 +92,14 @@ export default {
workForm: { workForm: {
current: 1, current: 1,
size: 10, size: 10,
isFinish: false, isFinish: true,
total: 0 total: 0
}, },
// 我的收藏Form // 我的收藏Form
collectForm: { collectForm: {
current: 1, current: 1,
size: 10, size: 10,
isFinish: false, isFinish: true,
total: 0 total: 0
}, },
// 标签图标 // 标签图标

6
pages/mobile_web/workshops/components/dress_select.vue
View File

@ -5,7 +5,7 @@
<view class="mw-tips"> <view class="mw-tips">
<u-icon :name="fileUrl+mannequin" size="30" color="#c2ea04" label="选择模特" <u-icon :name="fileUrl+mannequin" size="30" color="#c2ea04" label="选择模特"
labelColor="#eee" margin-left="20rpx" labelSize="32rpx"></u-icon> labelColor="#eee" margin-left="20rpx" labelSize="32rpx"></u-icon>
<view class="mwt-btn" @click="handleClickSelect(0)"> <view class="mwt-btn" @click="handleClickSelect(0,$event)">
<view :data-select="1" :class="selectOptions[0]?'mwt-select':''">预设模特</view> <view :data-select="1" :class="selectOptions[0]?'mwt-select':''">预设模特</view>
<view :class="selectOptions[0]?'':'mwt-select'">自定义</view> <view :class="selectOptions[0]?'':'mwt-select'">自定义</view>
</view> </view>
@ -43,7 +43,7 @@
<view v-show="showRight" class="mwt-back"> <view v-show="showRight" class="mwt-back">
<u-icon @click="currentStep-=1" name="/static/back.png" size="32" color="#fff"></u-icon> <u-icon @click="currentStep-=1" name="/static/back.png" size="32" color="#fff"></u-icon>
</view> </view>
<view v-show="!showRight" class="mwt-btn" @click="handleClickSelect(1)"> <view v-show="!showRight" class="mwt-btn" @click="handleClickSelect(1,$event)">
<view :data-select="1" :class="selectOptions[1]?'mwt-select':''">预设衣服</view> <view :data-select="1" :class="selectOptions[1]?'mwt-select':''">预设衣服</view>
<view :class="selectOptions[1]?'':'mwt-select'">自定义</view> <view :class="selectOptions[1]?'':'mwt-select'">自定义</view>
</view> </view>
@ -197,7 +197,7 @@ export default {
} }
}, },
// 点击预设/自定义按钮 // 点击预设/自定义按钮
handleClickSelect(index){ handleClickSelect(index,event){
if(index!==null){ if(index!==null){
this.selectOptions[index] = Boolean(event.target.dataset.select); this.selectOptions[index] = Boolean(event.target.dataset.select);
this.$forceUpdate(); this.$forceUpdate();

48
pages/mobile_web/workshops/index.vue
View File

@ -93,7 +93,7 @@
<view class="section-options"> <view class="section-options">
<view class="section-tags" v-for="(item,index) in getOptions" :key="item.id" <view class="section-tags" v-for="(item,index) in getOptions" :key="item.id"
:class="selectElementIndex===index?'section-tags-select':''" @click="selectElement(index)"> :class="selectElementIndex===index?'section-tags-select':''" @click="selectElement(index)">
<image :src="item.path?encodeURI(item.path):'/static/coat.png'"></image> <image :src="getTypeImage(item.path)"></image>
<text>{{ item.optionName }}</text> <text>{{ item.optionName }}</text>
</view> </view>
<!-- <u-tag v-for="(item,index) in getOptions" :key="item.id" :index="index" <!-- <u-tag v-for="(item,index) in getOptions" :key="item.id" :index="index"
@ -150,7 +150,7 @@
<view class="section-options"> <view class="section-options">
<view class="section-tags" v-for="(item,index) in form.options" :key="item.id" <view class="section-tags" v-for="(item,index) in form.options" :key="item.id"
:class="selectElementIndex===index?'section-tags-select':''" @click="selectElement(index)"> :class="selectElementIndex===index?'section-tags-select':''" @click="selectElement(index)">
<image :src="item.path?encodeURI(item.path):'/static/coat.png'"></image> <image :src="getTypeImage(item.path)"></image>
<text>{{ item.optionName }}</text> <text>{{ item.optionName }}</text>
</view> </view>
<!-- <u-tag v-for="(item,index) in form.options" :key="item.id" :index="index" <!-- <u-tag v-for="(item,index) in form.options" :key="item.id" :index="index"
@ -329,6 +329,23 @@ export default {
this.$refs.uToast.show({type:'error',title: "随机加载图片获取失败!"}); this.$refs.uToast.show({type:'error',title: "随机加载图片获取失败!"});
} }
}, },
// 图片格式化
getTypeImage(path){
if(path === null || path === ''){
return '/static/coat.png';
}else if(path.startsWith("http")){
return path;
}else if(path.startsWith("/")){
// #ifdef H5
return encodeURI(path);
// #endif
// #ifndef H5
return encodeURI(this.ip+path);
// #endif
}else{
return encodeURI(this.ip+path);
}
},
// 返回 // 返回
back(){ back(){
uni.navigateBack(); uni.navigateBack();
@ -438,9 +455,10 @@ export default {
// 轮询 // 轮询
async asyncPoll(id) { async asyncPoll(id) {
if(this.asyncPollTime === -1) return; if(this.asyncPollTime === -1) return;
// 超10次轮询结束 // 超13次轮询结束
if(this.asyncPollTime > 10) { if(this.asyncPollTime > 13) {
this.asyncPollTime = -1; this.asyncPollTime = -1;
this.$refs.uToast.show({type:'warning',title:'生成时间过长，请移步作品栏目查看图片'});
return; return;
} }
if(this.asyncPollTime === 3){ if(this.asyncPollTime === 3){
@ -540,10 +558,12 @@ export default {
serviceId: id, serviceId: id,
bottomImageUrl: bottomImageUrl, bottomImageUrl: bottomImageUrl,
topImageUrl: topImageUrl, topImageUrl: topImageUrl,
imageUrl: that.uploadFile, imageUrl: that.uploadFile?.includes('://') ? that.uploadFile : encodeURI(that.ip+that.uploadFile),
}; };
if(bottomImageUrl === '') delete result.bottomImageUrl; if(bottomImageUrl === '') delete result.bottomImageUrl;
else result.bottomImageUrl = bottomImageUrl?.includes('://') ? bottomImageUrl : encodeURI(that.ip+bottomImageUrl);
if(topImageUrl === '') delete result.topImageUrl; if(topImageUrl === '') delete result.topImageUrl;
else result.topImageUrl = topImageUrl?.includes('://') ? topImageUrl : encodeURI(that.ip+topImageUrl);
break; break;
} }
return result; return result;
@ -587,7 +607,12 @@ export default {
} }
// 下载地址 // 下载地址
// #ifdef H5
let downloadUrl = await that.resultFile.replace(that.aliIp, "/ossUpload"); let downloadUrl = await that.resultFile.replace(that.aliIp, "/ossUpload");
// #endif
// #ifndef H5
let downloadUrl = that.resultFile;
// #endif
// #ifdef H5 // #ifdef H5
uni.request({ uni.request({
@ -708,6 +733,14 @@ export default {
justify-content: space-between; justify-content: space-between;
min-height: 100vh; min-height: 100vh;
background-size: cover; background-size: cover;
// #ifdef APP
.app-top{
width: 100%;
position: fixed;
z-index: 81;
top: 0;
}
// #endif
.mwt-top{ .mwt-top{
// #ifdef APP // #ifdef APP
.app-top{ .app-top{
@ -757,6 +790,11 @@ export default {
margin-top: 120rpx; margin-top: 120rpx;
display: flex; display: flex;
align-items: center; align-items: center;
width: calc(100% + 100rpx);
margin-left: -50rpx;
border-radius: 20rpx;
box-shadow: 0 0 10rpx #eee;
border: 2rpx solid #858585;
} }
.mwu-cover{ .mwu-cover{
width: 100%; width: 100%;