@@ -18,6 +18,19 @@ | |||||
"navigationBarTitleText": "慧拍" | "navigationBarTitleText": "慧拍" | ||||
} | } | ||||
}, | }, | ||||
{ | |||||
"path": "pages/closeStyle/goCreatePhoto", | |||||
"style": { | |||||
"navigationBarTitleText": "慧拍" | |||||
} | |||||
}, | |||||
{ | |||||
"path": "pages/createing/index", | |||||
"style": { | |||||
"navigationBarTitleText": "慧拍" | |||||
} | |||||
}, | |||||
{ | { | ||||
"path": "pages/home/index", | "path": "pages/home/index", | ||||
"style": { | "style": { | ||||
@@ -30,6 +43,7 @@ | |||||
"navigationBarTitleText": "购买金币" | "navigationBarTitleText": "购买金币" | ||||
} | } | ||||
} | } | ||||
], | ], | ||||
"easycom": { | "easycom": { | ||||
// 注意一定要放在custom里,否则无效,https://ask.dcloud.net.cn/question/131175 | // 注意一定要放在custom里,否则无效,https://ask.dcloud.net.cn/question/131175 | ||||
@@ -1,22 +0,0 @@ | |||||
<template> | |||||
<div class="page"> | |||||
<view class="title">选择照片风格</view> | |||||
</div> | |||||
</template> | |||||
<script setup> | |||||
//#region 导入 | |||||
import { ref, reactive } from "vue"; | |||||
import { voiceTotalApi } from "../../api/login.js"; | |||||
//#endregion | |||||
//#region | |||||
//#endregion --------------------- | |||||
//#region | |||||
//#endregion --------------------- | |||||
</script> | |||||
<style lang="scss"></style> |
@@ -1,7 +1,7 @@ | |||||
<template> | <template> | ||||
<div class="page"> | <div class="page"> | ||||
<view class="title imgContenBox" | <view class="title imgContenBox" | ||||
><image src="../../assets/text/closeStyleText.png" mode="scaleToFill" | |||||
><image src="../../assets/text/closeStyleText.png" mode="aspectFit" | |||||
/></view> | /></view> | ||||
<u-list class="styleListBox" @scrolltolower="scrolltolower"> | <u-list class="styleListBox" @scrolltolower="scrolltolower"> | ||||
@@ -10,7 +10,7 @@ | |||||
:key="index" | :key="index" | ||||
class="styleListBoxItme" | class="styleListBoxItme" | ||||
> | > | ||||
<view class="styleInfo"> | |||||
<view class="styleInfo" @click="createPhoto"> | |||||
<image src="../../assets/icon/uploadImg.png" /> | <image src="../../assets/icon/uploadImg.png" /> | ||||
<text>样式风格</text> | <text>样式风格</text> | ||||
</view> | </view> | ||||
@@ -25,7 +25,7 @@ import { ref, reactive } from "vue"; | |||||
import { voiceTotalApi } from "../../api/login.js"; | import { voiceTotalApi } from "../../api/login.js"; | ||||
//#endregion | //#endregion | ||||
//#region | |||||
//#region 列表加载 | |||||
const styleList = ref([0, 1, 2, 3, 4, 5, 6, 7]); | const styleList = ref([0, 1, 2, 3, 4, 5, 6, 7]); | ||||
const scrolltolower = () => { | const scrolltolower = () => { | ||||
loadmore(); | loadmore(); | ||||
@@ -36,8 +36,12 @@ const loadmore = () => { | |||||
}; | }; | ||||
//#endregion --------------------- | //#endregion --------------------- | ||||
//#region | |||||
//#region 点击图片 | |||||
function createPhoto() { | |||||
uni.redirectTo({ | |||||
url: "/pages/closeStyle/goCreatePhoto", | |||||
}); | |||||
} | |||||
//#endregion --------------------- | //#endregion --------------------- | ||||
</script> | </script> | ||||
@@ -0,0 +1,58 @@ | |||||
<template> | |||||
<view class="page"> | |||||
<view class="showImgBox imgContenBox" | |||||
><image src="../../assets/img/img1.jpg" mode="aspectFit" | |||||
/></view> | |||||
<text class="name">风格名称</text> | |||||
<up-button | |||||
type="primary" | |||||
text="开始制作写真" | |||||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||||
@click="createing" | |||||
></up-button> | |||||
<text class="balance">金币余额: 30</text> | |||||
</view> | |||||
</template> | |||||
<script setup> | |||||
//#region 导入 | |||||
import { ref, reactive } from "vue"; | |||||
import { voiceTotalApi } from "../../api/login.js"; | |||||
//#endregion | |||||
//#region 生成写真照片 | |||||
function createing() { | |||||
uni.redirectTo({ | |||||
url: "/pages/createing/index", | |||||
}); | |||||
} | |||||
//#endregion --------------------- | |||||
//#region | |||||
//#endregion --------------------- | |||||
</script> | |||||
<style lang="scss"> | |||||
.showImgBox { | |||||
width: 710rpx; | |||||
height: 800rpx; | |||||
background-color: #ccc; | |||||
border-radius: 30rpx; | |||||
image { | |||||
max-width: 100%; | |||||
max-height: 100%; | |||||
} | |||||
} | |||||
.name { | |||||
margin-top: 30rpx; | |||||
margin-bottom: 50rpx; | |||||
} | |||||
button { | |||||
width: 60% !important; | |||||
} | |||||
.balance { | |||||
margin-top: 30rpx; | |||||
font-size: 40rpx; | |||||
} | |||||
</style> |
@@ -0,0 +1,136 @@ | |||||
<template> | |||||
<view class="page"> | |||||
<view class="topBox"> | |||||
<view class="imgContenBox"> | |||||
<image src="../../assets/img/img2.jpg" mode="aspectFit" /> | |||||
</view> | |||||
<up-button | |||||
type="primary" | |||||
text="更换风格" | |||||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||||
@click="changeStyle" | |||||
></up-button> | |||||
</view> | |||||
<view class="imgListBox"> | |||||
<view class="imgContenBox" v-for="item in 4" :key="item"> | |||||
<image src="../../assets/img/img2.jpg" mode="aspectFit" /> | |||||
</view> | |||||
</view> | |||||
<!-- 生成中的底部栏 --> | |||||
<view v-show="false" class="createIng"> | |||||
<text class="time">写真生成中,预计用时X分X秒</text> | |||||
<text class="inform">做好后通知我</text> | |||||
<up-button | |||||
class="goon" | |||||
type="primary" | |||||
text="继续制作写真" | |||||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||||
@click="changeStyle" | |||||
></up-button> | |||||
</view> | |||||
<!-- 生成成功的底部栏 --> | |||||
<view class="createEd"> | |||||
<text class="look">点击查看高清写真</text> | |||||
<up-button | |||||
class="goon" | |||||
type="primary" | |||||
text="重新生成" | |||||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | |||||
@click="changeStyle" | |||||
></up-button> | |||||
</view> | |||||
</view> | |||||
</template> | |||||
<script setup> | |||||
//#region 导入 | |||||
import { ref, reactive } from "vue"; | |||||
import { voiceTotalApi } from "../../api/login.js"; | |||||
//#endregion | |||||
//#region 生成写真照片 | |||||
//#endregion --------------------- | |||||
//#region 页面跳转 | |||||
function changeStyle() { | |||||
uni.redirectTo({ | |||||
url: "/pages/closeStyle/closeStyle", | |||||
}); | |||||
} | |||||
//#endregion --------------------- | |||||
//#region | |||||
//#endregion --------------------- | |||||
</script> | |||||
<style lang="scss"> | |||||
.topBox { | |||||
display: flex; | |||||
align-items: flex-end; | |||||
justify-content: flex-start; | |||||
width: 100%; | |||||
height: 200rpx; | |||||
.imgContenBox { | |||||
width: 200rpx; | |||||
height: 100%; | |||||
background-color: #ccc; | |||||
image { | |||||
width: 200rpx; | |||||
max-height: 200rpx; | |||||
} | |||||
} | |||||
button { | |||||
width: 200rpx !important; | |||||
margin: 0 50rpx; | |||||
} | |||||
} | |||||
.imgListBox { | |||||
width: 100%; | |||||
height: 900rpx; | |||||
padding: 30rpx 60rpx; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
flex-wrap: wrap; | |||||
view { | |||||
width: 48%; | |||||
height: 48%; | |||||
background-color: #ccc; | |||||
border-radius: 30rpx; | |||||
image { | |||||
max-width: 100%; | |||||
max-height: 100%; | |||||
} | |||||
} | |||||
} | |||||
.createIng, | |||||
.createEd { | |||||
width: 100%; | |||||
display: flex; | |||||
flex-direction: column; | |||||
align-items: center; | |||||
justify-content: center; | |||||
.time { | |||||
font-size: 40rpx; | |||||
font-weight: 900; | |||||
margin-top: 20rpx; | |||||
margin-bottom: 10rpx; | |||||
} | |||||
.inform { | |||||
margin-bottom: 30rpx; | |||||
} | |||||
.look { | |||||
font-size: 40rpx; | |||||
font-weight: 900; | |||||
margin-top: 20rpx; | |||||
margin-bottom: 30rpx; | |||||
} | |||||
button { | |||||
width: 70% !important; | |||||
} | |||||
} | |||||
</style> |
@@ -4,7 +4,7 @@ | |||||
<view class="avatarBox"> | <view class="avatarBox"> | ||||
<up-avatar :src="avatarUrl" size="150"></up-avatar> | <up-avatar :src="avatarUrl" size="150"></up-avatar> | ||||
<view class="changeAvatar"> | <view class="changeAvatar"> | ||||
<image src="../../assets/icon/reset.png" mode="scaleToFill" /> | |||||
<image src="../../assets/icon/reset.png" mode="aspectFit" /> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 金币 --> | <!-- 金币 --> | ||||
@@ -23,7 +23,7 @@ | |||||
@click="clickTabHandle" | @click="clickTabHandle" | ||||
></u-tabs> | ></u-tabs> | ||||
<!-- 显示风格列表内容 --> | <!-- 显示风格列表内容 --> | ||||
<view v-show="showListActive == 2" class="showStyleList"> | |||||
<view v-show="showListActive == 1" class="showStyleList"> | |||||
<view class="showListItem"> | <view class="showListItem"> | ||||
<view class="top"> | <view class="top"> | ||||
<text>风格名称</text> | <text>风格名称</text> | ||||
@@ -41,7 +41,7 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 显示邀请列表内容 --> | <!-- 显示邀请列表内容 --> | ||||
<view v-show="showListActive == 3" class="showInviteList"> | |||||
<view v-show="showListActive == 2" class="showInviteList"> | |||||
<view v-for="item in 3" class="InviteList"> | <view v-for="item in 3" class="InviteList"> | ||||
<up-avatar :src="avatarUrl" size="50"></up-avatar> | <up-avatar :src="avatarUrl" size="50"></up-avatar> | ||||
<view class="info"> | <view class="info"> | ||||
@@ -52,7 +52,7 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- 显示消费列表内容 --> | <!-- 显示消费列表内容 --> | ||||
<view v-show="showListActive == 1" class="showOrderList"> | |||||
<view v-show="showListActive == 3" class="showOrderList"> | |||||
<view class="top"> | <view class="top"> | ||||
<text>名称</text> | <text>名称</text> | ||||
<text>时间</text> | <text>时间</text> | ||||
@@ -45,12 +45,12 @@ const checkboxList1 = reactive([ | |||||
function toCreate() { | function toCreate() { | ||||
if (checkboxValue1.value[0]) { | if (checkboxValue1.value[0]) { | ||||
handleLogin(); | handleLogin(); | ||||
// uni.redirectTo({ | |||||
// url: "/pages/uploadPhoto/uploadPhoto", | |||||
// }); | |||||
uni.redirectTo({ | |||||
url: "/pages/uploadPhoto/uploadPhoto", | |||||
}); | |||||
} else { | } else { | ||||
uni.showToast({ | uni.showToast({ | ||||
title: "请先勾选", | |||||
title: "请先同意用户协议", | |||||
icon: "none", | icon: "none", | ||||
}); | }); | ||||
} | } | ||||
@@ -36,7 +36,7 @@ | |||||
type="primary" | type="primary" | ||||
text="上传我的照片" | text="上传我的照片" | ||||
color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" | ||||
@click="toCreate" | |||||
@click="toCloseStyle" | |||||
></up-button> | ></up-button> | ||||
<view class="tips">请按照样片上传您五官清晰的正面照片</view> | <view class="tips">请按照样片上传您五官清晰的正面照片</view> | ||||
<view class="demoImgBox"> | <view class="demoImgBox"> | ||||
@@ -75,6 +75,19 @@ function chooseImage() { | |||||
}); | }); | ||||
} | } | ||||
function toCloseStyle() { | |||||
if (showImgUrl.value) { | |||||
uni.redirectTo({ | |||||
url: "/pages/closeStyle/closeStyle", | |||||
}); | |||||
} else { | |||||
uni.showToast({ | |||||
title: "请先上传图片", | |||||
icon: "none", | |||||
}); | |||||
} | |||||
} | |||||
//#endregion --------------------- | //#endregion --------------------- | ||||
//#region | //#region | ||||