|
|
@@ -21,9 +21,15 @@ |
|
|
|
@change="getSwiperIndex" |
|
|
|
@click="previewImage" |
|
|
|
></u-swiper> |
|
|
|
<view class="logoBox" v-if="createState != 2"> |
|
|
|
<image class="logo" src="../../assets/img/logo-4.png" mode="aspectFit" /> |
|
|
|
</view> |
|
|
|
<image |
|
|
|
class="logo" |
|
|
|
v-if="createState != 2" |
|
|
|
:src="modelImgUrl" |
|
|
|
mode="aspectFit" |
|
|
|
/> |
|
|
|
<!-- <view class="logoBox" v-if="createState != 2"> --> |
|
|
|
<!-- <image class="logo" src="../../assets/img/logo-4.png" mode="aspectFit" /> --> |
|
|
|
<!-- </view> --> |
|
|
|
<view v-if="createState == 2" class="checkMore">左右滑动查看更多</view> |
|
|
|
<view v-if="createState != 2" class="wait">生成中,请稍后...</view> |
|
|
|
<!-- <view |
|
|
@@ -56,8 +62,10 @@ const userInfoModulesPinia = userInfoModules(); |
|
|
|
const createState = ref(1); //制作状态:1生成中,2完成,3失败 |
|
|
|
const workId = ref(null); //作品id |
|
|
|
|
|
|
|
const modelImgUrl = ref(""); |
|
|
|
onLoad(async (options) => { |
|
|
|
workId.value = options.id; |
|
|
|
modelImgUrl.value = options.imgUrl; |
|
|
|
// await getTemplateMsg(); |
|
|
|
getUser(); |
|
|
|
await getSwiperList(); |
|
|
@@ -298,19 +306,26 @@ onUnload(() => { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.logoBox { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
.logo { |
|
|
|
margin-top: 70rpx; |
|
|
|
border-radius: 30rpx; |
|
|
|
width: 540rpx; |
|
|
|
height: 720rpx !important; |
|
|
|
} |
|
|
|
.logoBox { |
|
|
|
// display: flex; |
|
|
|
// flex-direction: column; |
|
|
|
// align-items: center; |
|
|
|
// justify-content: center; |
|
|
|
// margin-top: 70rpx; |
|
|
|
width: 540rpx; |
|
|
|
height: 720rpx !important; |
|
|
|
.logo { |
|
|
|
width: 260rpx; |
|
|
|
margin: 90rpx; |
|
|
|
animation: rotateAnimation 3s 0s infinite; |
|
|
|
opacity: 0.7; |
|
|
|
border-radius: 30rpx; |
|
|
|
width: 100%; |
|
|
|
// margin: 90rpx; |
|
|
|
// animation: rotateAnimation 3s 0s infinite; |
|
|
|
// opacity: 0.7; |
|
|
|
} |
|
|
|
} |
|
|
|
@keyframes rotateAnimation { |
|
|
|